Question

问题：幻灯片

详细信息：有一个框架（幻灯片周围只是一个透明的PNG）

我正在尝试做什么： 将框架放在图像和标题背景上，但将链接和导航球放在png。

之上

除了IE之外，它在我想要的其他浏览器中工作。我在IE的z-index错误上阅读了更多内容，但这没有用。非常感谢任何建议或帮助。

问题已解决。

Answer 1

问题在于，IE不遵循图像的z索引，无论您在图像中放置的z索引有多小或多，IE仍将遵循元素的层次结构级别。如果你真的想在IE中使用图像的z索引，你可以将图像包装在div中并将z-index放在div上，这将遵循包括IE在内的所有浏览器上的正确z索引。

// will not follow in IE
<div>first div</div>
<img style="z-index: -1;" src="image.png" />
<div>my div</div>

// will follow in IE
<div>first div</div>
<div style="z-index: -1;"><img src="image.png" /></div>
<div>my div</div>

Answer 2

要使导航点可点击，请应用样式：

display:block; position:relative; // to frame

z-index:1001; //to .nivo-controlNav

了解更多链接我建议：

1）删除适用于.nivo-caption

的所有z-index属性

2）在框架下添加z-index: 87 /*(87 for example)*/的阴影div

IE Z-INDEX问题

2 个答案: