Javascript IE 8 Z索引堆叠问题

在IE 8中，幻灯片右侧按钮内的文本和缩略图堆叠在空白区域上方，可以单击空白区域来控制幻灯片。在其他浏览器中，可以单击按钮内的整个区域来更改幻灯片

我知道IE7和IE8在Z索引堆叠方面很特别，我也尝试过许多常见的修复方法（将Z索引设置为父div，以不同的方式定位父div），但我无法修复这个问题。有人知道可以解决此问题的解决方案吗

您知道，幻灯片的文本和图像位于slidethumbs div下。空链接位于slidearea->anythingControls div下

---

非常感谢您的帮助。谢谢

如果不重新订购一点HTML/CSS，我想你是无法做到的。我还没有在IE（mac电脑上）中看过它，但下面是解释：

在IE中，堆叠上下文由设置了

位置的任何内容定义。因此，您的
.anythingSlider
正在定义堆叠上下文，您的nav ul无法超越缩略图

基本上，z索引只会上升到具有堆叠上下文的最近元素。在大多数浏览器中，上下文由具有（定位+z索引）或（不透明度<1）的任何内容定义

仅供参考，我通常会对所有设置了定位的对象设置
z-index:1
。处理这个问题有点烦人，但所有浏览器的行为都是一样的。
我认为如果不重新订购一点HTML/CSS，您就无法做到这一点。我还没有在IE（mac电脑上）中看过它，但下面是解释：

在IE中，堆叠上下文由设置了
位置的任何内容定义。因此，您的
.anythingSlider
正在定义堆叠上下文，您的nav ul无法超越缩略图

基本上，z索引只会上升到具有堆叠上下文的最近元素。在大多数浏览器中，上下文由具有（定位+z索引）或（不透明度<1）的任何内容定义

仅供参考，我通常会对所有设置了定位的对象设置
z-index:1
。处理这个问题有点烦人，但所有浏览器的行为都是一样的。
解决方案分为两部分：首先，我需要对HTML进行重新排序，以便将两个问题层放在同一个父div下。这允许我为父div和子div设置z索引，以使IE玩得更好。其次，我发现IE不允许在文本或图像上方使用空div！奇怪的所以，我最终给了div一张1px 1px的非重复背景图像，所以从技术上讲它不是完全空的。这完全解决了这个问题，IE8允许div位于图像和文本区域之上
 解决方案分为两部分：首先，我需要对HTML重新排序，以便在同一个父div下获得两个问题层。这允许我为父div和子div设置z索引，以使IE玩得更好。其次，我发现IE不允许在文本或图像上方使用空div！奇怪的所以，我最终给了div一张1px 1px的非重复背景图像，所以从技术上讲它不是完全空的。这完全解决了这个问题，IE8允许div位于图像和文本区域之上
 好的，我将尝试看看重新排序我的HTML是否有效，并在完成后作出响应。是的，这是解决方案的一半！非常感谢。好的，我将尝试看看重新排序我的HTML是否有效，并在完成后作出响应。是的，这是解决方案的一半！非常感谢。或者只需将
添加到div，或者只需将
添加到div