html - 没有位置的重叠Divs的设置层次: absolute

Question

fiddle

在div重叠的简单情况下

<div id='first'>
    first
</div>

<div id='second'>
    second
</div>

CSS:-

#second {
    margin-top: -18px;
    background: #fff;
}

如何确保 second div 显示在 first div 之上，而 #first 不可见(在重叠区域)？

我不想制作任何 div position:absolute。

Answer 1

您将需要使用 z-index。让第二个更高的z-index