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方法，将元素放回原位。