CSS 和 IE7 Z-Index

Question

好吧，我被难住了！

如果有人对此页面上的 IE7 z-index 问题的 CSS/JavaScript 修复有一两个建议，而无需过多更改 DOM 结构（它是为方便标签使用而设置的），我会非常乐意尝试出去。

在这个页面上，IE7 将跨越页面宽度 100% 的栏呈现在其他所有内容之上，而我实际上需要非常具体地将它塞进文本和主图像之间（在任何现代浏览器上查看时都可以看到） )。

Here's the link.

谢谢。

Answer 1

IE7 有 z-index 的已知错误，请参阅：IE7 Z-Index issue - Context Menu

在这种特定情况下，您可以通过更改 CSS 的几个部分来修复它。完成每个步骤并随时检查进度：

• 打开#container 删除position:relative。
• z-index 问题现已修复，但一切都在错误的位置！
• 在 #thumbnails 和 .pane_img 上删除这些属性：position、top、left、z-index。
• 打开.pane_content，设置left:50%; margin-left:-480px; bottom:90px。
• 在 #learn_more_btn 和 .renova_logo 上，重复 left: 50%; margin-left: ??px 方法将元素放回应有的位置。