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樣式聲明中。