Z-Index和IE7的问题

时间:2011-01-14 22:04:26

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

我已经在电路板上浏览并尝试了一堆这些解决方案而且我仍然卡住了。

我正在查看的页面是here。在IE7中,下拉列表显示在主页内容之后。如果您通过单击“菜单”进入其中一个站点部分,它们甚至会显示在动态创建的侧栏后面。

我已经给出了下拉z指数1000和相对定位。在主页上,图像具有相对定位和小的z-index(1或2)。

有什么想法吗?

3 个答案:

答案 0 :(得分:0)

您需要将position:relativezoom:1添加到包含下拉列表的所有父元素中。例如:

CSS:

.posRelative { position:relative; }

通用HTML:

...
<body>
    <div id="header" class="posRelative">
        <ul id="menu" class="posRelative">
            <li class="posRelative">....</li>
            <li class="posRelative">....</li>
            <li class="posRelative">....</li>
        </ul>
    </div>
...

显然,有更有效的方式来应用该样式属性,但希望你明白这一点。

答案 1 :(得分:0)

我认为这是因为ul的绝对定位。 Internet Explorer为绝对定位的任何内容创建新的z-index。

看看你是否可以将它们改为相对定位。

答案 2 :(得分:0)

您也可以尝试此修复程序http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/,适用于IE6并在IE7上保存了一些时间。您只需要为IE6和7设置z-Index属性,并执行相反的逻辑。