最近在制作HTML页面,很多两列的地方需要一侧因定宽度,另一侧自适应宽度.当需要一个下拉菜单效果时,无论把z-index的值设为多高,菜单的DIV始终不在页面最顶层.
HTML
<div?class="a">
a?<div?class="menu">sub?a</div>
</div>
<div?class="b">
b
</div>?
CSS
.a?{
position:relative;
background:#f00;
}
.menu{
position:absolute;
background:#0ff;
height:50px;
z-index:99;
}
.b?{
position:relative;
background:#ff0;
}?
以上是页面代码,menu的z-index已设为99,但在IE6,IE7中DIV[menu]始终在div的下面.只能通加设置div[a]的z-index的值来提升级div[menu]层叠高度,但在火狐中无需设置.可以看出IE对层叠顺序的继承性比火孤要严格的多.
如果不明白的话，意思就是把DIV[menu]再包含到一个DIV,然后设置外面的DIV这样就行的通了