z索引不位置固定元件内工作

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放在第一个里面，我用z-index但它不工作

Answer 1

我不认为你需要Z指数。这个怎么样？

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

这就是Z指数如何工作，如果你需要它。 http://www.w3schools.com/cssref/pr_pos_z-index.asp