相对位置和绝对位置的z指数

Question

似乎z-index不适用于具有绝对位置且相对于另一个div的div?我希望有绝对位置的div位于另一个的下方，但结果却相反。有办法解决这个问题吗?

Answer 1

这个示例将向您展示如何通过定位使一个div出现在另一个div的顶部。

HTML

<div class="one">On top!</div>
<div class="two">Underneath</div>

CSS

.one
{
    height: 100px;
    width: 100px;
    background-color: #ff0;
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 1;
}
.two
{
    height: 100px;
    width: 100px;
    background-color: #f0f;
    position: relative;
    left: 10px;
    z-imdex: 2;
}

---

更新:只使用定位来获得你想要的效果。

看这里。