html - CSS Underlay 前一个 div

Question

抱歉，如果问题有点含糊，我发现很难命名。无论如何，我目前正在创建一个新设计并且遇到了一个问题，我基本上希望一个 div 在另一个 div 的下面开始，因为我之前在 div 上使用圆 Angular 边缘并想掩盖空白。

我能够让 div 成为底层，但是当我设置 z-index 时，它成为底部元素并且无法完成与链接等的交互。 (例如链接无法点击，无法高亮文本)

为了更好地解释，我创建了这个 JSFiddle链接，它准确地显示了我正在尝试做的事情。尝试单击链接，它根本不起作用。

JSFiddle上的代码如下:

#div-1, #div-2 {
width: 350px;
border-radius: 0 0 16px 16px;
}

#div-1 {
background-color: grey;
}

#div-2 {
background-color: black;
position: relative;
z-index: -1;
margin-top:-25px;
}

感谢任何帮助，如果您希望我澄清任何问题，请务必询问。

谢谢，

jack

Answer 1

演示 http://jsfiddle.net/Amn7S/

不要使用 z-index:-1; 使用 z-index:1; 和 z-index:2; 然后就可以了.

#div-1 {
    background-color: grey;
    z-index:2;
    position:relative;
}

#div-2 {
    background-color: black;
    position: relative;
    margin-top:-25px;
z-index:1;    
}