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