Question

请查看以下网站：http://driz.co.uk/mars/index.html

如果你看一下IE6 / IE7右下方的jQuery滑块，你会注意到橙色箭头出现在白色渐变叠加层后面，即使箭头的z-index设置为高于叠加层。

它在我测试过的所有其他浏览器中运行良好，包括IE8只有7和6显示索引错误。有任何想法吗？需要尽快得到这个项目。感谢。

Answer 1

这是IE6的文档错误。 Quarksmode.org有一篇文章。 http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html

上面的文章没有解决方法，但在评论中，一位同事提到给父元素一个更高的z-index实际修复了这个bug。不要问我为什么会这样，但确实如此！

<div style="z-index: 3000">
    <div style="position:absolute;z-index:1000;">
        <a href="#">Page</a>
        ...
    </div>
</div>
<img style="position:absolute" src="myimage.png" />

IE6 / IE7中的Z-index错误

1 个答案: