Css IE6/IE7中的Z索引错误

Css IE6/IE7中的Z索引错误,css,Css,请浏览以下网站: 如果您查看IE6/IE7中右下角的jQuery滑块,您会注意到橙色箭头出现在白色渐变叠加的后面,即使箭头的z索引设置为高于叠加的值 它在我测试过的所有其他浏览器中都可以正常工作,包括IE8、just 7和6。有什么想法吗?需要尽快完成这个项目。谢谢。这是IE6的一个有文档记录的错误。Quarksmode.org有一篇关于它的文章。 上面的文章不包含解决方法,但在一位同事的评论中提到,给父元素一个更高的z索引实际上可以修复错误。别问我为什么这行得通,但它行得通 <div

请浏览以下网站:

如果您查看IE6/IE7中右下角的jQuery滑块,您会注意到橙色箭头出现在白色渐变叠加的后面,即使箭头的z索引设置为高于叠加的值


它在我测试过的所有其他浏览器中都可以正常工作,包括IE8、just 7和6。有什么想法吗?需要尽快完成这个项目。谢谢。

这是IE6的一个有文档记录的错误。Quarksmode.org有一篇关于它的文章。

上面的文章不包含解决方法,但在一位同事的评论中提到,给父元素一个更高的z索引实际上可以修复错误。别问我为什么这行得通,但它行得通

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

...

从我在代码中看到的情况来看,您似乎只在箭头div上设置了z-index,而没有在照片滑块上设置。试着这样做。我在覆盖图上有索引,还有箭头,所以箭头应该出现在覆盖图的上方(在IE8、Chrome等中),我将z索引添加到滑块中,现在在所有浏览器中都会将其打断。。。