为什么 z-index 在 IE 中不起作用？
我创建了一个带有下拉菜单的顶级菜单，但下拉菜单在 IE 中没有出现在前面。 Chrome、FF 和 Safari 运行良好。
我的代码如下所示：
<li id="search"><a href="#search" class="drop" >Search</a>
<div class="drop2columns dropcontent">
<div class="col_2">
<ul>
<li id="search_basic"><a href="#test1">Test1</a></li>
<li id="search_advanced"><a href="#test2">Test2</a></li>
</ul>
</div>
</div>
</li>
css 文件如下所示：
#menu .drop2columns {width: 130px;}
#menu .col_2 {
display:inline;
float: left;
position: relative;
margin-left: 15px;
margin-right: 15px;
z-index: 9999;
}
#menu .col_2 {width:130px;}
我缺少什么？就像我说的，这只发生在 IE 上（版本 7,8 和 9）
I've created a top level menu with dropdowns but the drop down isn't coming to the front in IE. Chrome, FF, and Safari work great.
My code looks like this:
<li id="search"><a href="#search" class="drop" >Search</a>
<div class="drop2columns dropcontent">
<div class="col_2">
<ul>
<li id="search_basic"><a href="#test1">Test1</a></li>
<li id="search_advanced"><a href="#test2">Test2</a></li>
</ul>
</div>
</div>
</li>
The css files look like this:
#menu .drop2columns {width: 130px;}
#menu .col_2 {
display:inline;
float: left;
position: relative;
margin-left: 15px;
margin-right: 15px;
z-index: 9999;
}
#menu .col_2 {width:130px;}
What am I missing? Like I said this only happens with IE (versions 7,8, and 9)
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
z-index 和 IE 始终是一场噩梦。
有几种解决方法，请参阅
http://brenelz.com/blog/squish-the- internet-explorer-z-index-bug/
对于其中之一。
z-index and IE was always a nightmare.
There's several workarounds about, see
http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/
for one of them.
z-index在 Internet Explorer 中无法正常工作：定位元素会创建一个新的堆叠上下文，从z-index为0开始。要解决此问题，您可以使父元素定位（例如，position:relative），并将其z-index设置为高于子元素的值。z-indexdoesn’t work correctly in Internet Explorer: positioned elements create a new stacking context, starting with az-indexof0. To get around this you can make the parent element positioned (e.g.,position: relative), and set itsz-indexto a value higher than that of the child.