Question

我有位置固定的div和位置相对的位置固定div内的另一个div

<div class="wrap">
    <div class="content">
    </div>
</div>

css是：

.wrap{
    position: fixed;
    width:80%;
    height:200px;
    background-color:#a157df;
    z-index:5;
}
.content{
    position: relative;
    width:30%;
    height:100px;
    background-color:#a1a7af;
    left:80%;
    z-index:1;
}

示例在此link中：

如何将第二个div放在第一个div中，我使用z-index但它不能正常工作

Answer 1

我认为你不需要z-index。怎么样？

.wrap {
position: fixed;
width: 80%;
height: 200px;
background-color: #a157df;
}
.content {
position: relative;
width: 30%;
height: 100px;
background-color: #a1a7af;
left: 70%;
}

如果需要，这就是z-index的工作原理。 http://www.w3schools.com/cssref/pr_pos_z-index.asp

z-index不在位置固定元素内工作

1 个答案: