css - IE7 中的 z-index 问题

Question

我有一个下拉菜单:http://whitehornguard.com/但至少在 IE7 中，下拉部分出现在大标题图像下方，我尝试更改 z-index 并使用 !important 但它似乎没有任何区别..

我做错了什么？谢谢。

Answer 1

这是 IE 的一个已知问题。有一个技巧可以解决它。尝试用具有以下样式的附加容器包装菜单:

<div id="wrapper" style="position:relative; z-index: 1000;">
    <div id="menu" style="position:absolute; z-index: 999;"></div>
</div>

请注意菜单的 z-index 小于容器。

更多详情请查看:http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/