当前位置：首页 → 问答吧 → 在ie6下z-index的问题！！！

在ie6下z-index的问题！！！

时间：2011-05-07

来源：互联网

我的网页头部布局为“
<body>
<div id="view">
<div id="head">
……
<div id="mainMenu">--导航栏

</div>

<div id="logo">
这里是张与导航栏同宽的图片
</div>

</div>--end head
……
</div>--end view
</body>
css代码:
#view { width: 1000px; margin: 0 auto; position:relative;z-index:1;}
#head { font-size: 1.2em; position:relative;z-index:2; }
#logo { position: relative; width: 100%; height: 232px; overflow: hidden; background: #398db9 url('../images/bg-logo.jpg') 0 0 no-repeat;z-index:3; }
#mainMenu { height: 43px; padding: 0 12px; background: #0f2132 url('../images/bg-menu.gif') no-repeat;position:relative;z-index:4;}

#mainMenu ul { position: relative; height: 100%;}
#mainMenu ul li { position: relative; float: left; }
#mainMenu ul li a { display: block; width: 101px; height: 27px; padding-top: 16px; font-size: 12px; color: #fff; text-decoration: none; text-align: center; background: url('../images/bg-menu_item.gif') 0 0 no-repeat; }
#mainMenu ul li.active a,
#mainMenu ul li a:hover { background-color: #0a1520; background-position: 0 -43px; }

#mainMenu ul li ul{position:absolute;z-index:9999; display:none;}
#mainMenu ul li ul li{float:none; }
#mainMenu ul li:hover ul{display: block;}

在firefox和ie7、ie8下导航栏的下拉菜单都会覆盖在logo那张图片上，可是在ie6下就不显示下拉菜单，不知道为什么，请高手指点一下，不胜感激啊！！！

作者: yaohua60 发布时间: 2011-05-07

logo层去掉position:relative;试试

作者: KongHuLu 发布时间: 2011-05-07

还是不行啊！！

作者: yaohua60 发布时间: 2011-05-07

不显示下拉菜单可能是因为图片覆盖了。

z-index:-1

作者: wxr0323 发布时间: 2011-05-07