http://carettaworkspace.spirecms.com
在 IE 8 中，幻灯片右侧按钮中的文本和缩略图堆叠在空白区域上方，单击这些区域可以控制幻灯片。在其他浏览器中，整个区域都可以在按钮内点击以更换幻灯片。
我知道 IE 7 和 8 在 Z-index 堆叠方面很特别，我已经尝试了许多常见的修复(为父 div 设置 z-index，以不同的方式定位父 div)，但我我无法解决问题。有谁知道可以解决此问题的解决方案？
所以你知道，幻灯片的文本和图像位于 slidethumbs div 下。可以在 slidearea -> anythingControls div 下找到空链接。
非常感谢任何帮助。谢谢!
最佳答案
解决方案分为两部分:首先，我需要稍微重新排序 HTML，以便将两个问题层置于同一父 div 下。这允许我为父 div 和子 div 设置一个 z-index 以使 IE 运行良好。其次，我发现 IE 不允许空的 div 在文本或图像上方运行!诡异的。所以，我最终给 div 一个 1px x 1px 的非重复背景图像，所以它在技术上不是完全空的。这完全解决了这个问题，IE8 允许 div 位于图像和文本区域之上。
关于javascript - IE 8 Z-index 堆叠问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7080602/