CSS：定位问题

Question

所以我有一个幻灯片，这里的CSS入手：

#slideshow { 
    position:relative; 
    height:300px; 
    width: 477px; 
    border: 1px solid #FFF; 
    float: left; 
    margin-bottom: 30px; 
    margin-left: 20px; 

} 

#slideshow IMG { 
    position:absolute; 
    top:0; 
    left:0; 
    z-index:8; 
    opacity:0.0; 
} 

#slideshow IMG.active { 
    z-index:10; 
    opacity:1.0; 
} 

#slideshow IMG.last-active { 
    z-index:9; 
} 

然后，我有一个盒子，我想在幻灯片的顶部..但现在它的幻灯片下，即使其位置绝对..

#regForm { 
position: absolute; 
top: 120px; 
left: 500px; 
background: #000; 
color: #FFF; 
width: 500px; 
height: 240px; 
border: 6px solid #18110c; 
text-align: center; 
margin: 40px; 
padding: 1px; 
    opacity: 0.75; 
    -moz-opacity: 0.75; /* older Gecko-based browsers */ 
    filter:alpha(opacity=75); /* For IE6&7 */ 

} 

我应该如何定位它正确，因此在div盒子里的幻灯片的顶部，而不是根据？

Answer 1

将z-index:11;添加到#regForm样式声明中。