z-index的问题和歌剧

Question

下面是HTML：

<div id = "parent"> 
    <div id = "one" ></div> 
    <div id = "two" ></div> 
</div> 

CSS：

#parent 
{ 
    position: relative; 
} 
    #parent > #one 
    { 
    position: absolute; 
    z-index: 10; 
    top:  50px; 
    left:  50px; 
    width:  100px; 
    height: 100px; 
    background: white;   
    } 
    #parent > #two 
    { 
    position: absolute; 
    z-index: 5; 
    top:  50px; 
    left:  50px; 
    height: 50px; 
    width:  50px; 
    background: black; 
    } 

在IE7 +和歌剧的问题是，格 “一个” 不重叠的div “两个”，为什么呢？

Answer 1

试试以下：

<div id = "parent"> 
    <div class= "one" ></div> 
    <div class= "two" ></div> 
</div> 
css: 

#parent 
{ 
    position: relative; 
width: 150px; 
height: 150px; 
background: yellow; 
} 
    #parent .one 
    { 
    position: absolute; 
    z-index: 10; 
    top:  50px; 
    left:  50px; 
    width:  100px; 
    height: 100px; 
    background: white;   
    } 
    #parent .two 
    { 
    position: absolute; 
    z-index: 5; 
    top:  50px; 
    left:  50px; 
    height: 50px; 
    width:  50px; 
    background: black; 
    } 

希望你能得到的线索