css - IE6/IE7 中的 Z-index 错误

Question

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

如果您在 IE6/IE7 中查看右下角的 jQuery slider ，您会注意到橙色箭头出现在白色渐变叠加层后面，即使箭头的 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 实际修复了这个错误。不要问我为什么这行得通，但确实如此!

<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" />