所以我有一个幻灯片,这是开始的 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 框出现在幻灯片的顶部而不是下面?
最佳答案
将 z-index:11;
添加到 #regForm
样式声明。
关于CSS:定位问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3382839/