IE7中的z-index问题

时间:2011-11-16 16:51:07

标签: css internet-explorer-7 z-index

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

我做错了什么?感谢。

3 个答案:

答案 0 :(得分:2)

这是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/

答案 1 :(得分:0)

问题是,IE只需要使用位置。因此,如果 position 存在,则仅使用z.index。对于元素,您不希望给出任何定位规则,只需尝试设置 position:relative

答案 2 :(得分:0)

您将nav打包成具有内联样式的div。添加z-index:1000;。它解决了这个问题。