我有一个下拉菜单:http://whitehornguard.com/但至少在IE7中,下拉部分出现在大标题图像下方,我尝试更改z-index&使用!重要但它似乎没有任何区别..
我做错了什么?感谢。
答案 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;
。它解决了这个问题。