IE7 中的 z-index 无法正确呈现答案

【问题标题】：z-index in IE7 not rendering properlyIE7 中的 z-index 无法正确呈现
【发布时间】：2012-01-27 09:32:23
【问题描述】：

我正在努力使网页向后兼容 IE7（我知道，'IE7？！'，但这就是我们学校计算机上的内容）。我正在尝试显示页面的完整大小的 div 以使正文变暗并在其上显示两个特定的 div。但是，当我查看页面时，深色 div 会出现在页面上的所有其他元素上——即使是 z-index 更高的元素。您可以看到页面here，并在IE7中使用netrender查看。

我已将定位应用于所有元素，但它似乎什么也没做。也许只是我的眼睛？

【问题讨论】：

我试过了，我在 chrome 和 IE7 上看起来都一样，你为什么不把你正在调试的具体代码粘贴到这里，以便更好地回答你的问题
不仅仅是你，IE7 的 z-index 实现非常糟糕。我现在不记得修复了，但我记得它与为每个元素设置 z-index 的顺序有关。那真是太可怕了。如果您可以显示您的代码（也可以尝试jsfiddle.net），那么有人可以弄清楚。链接到实时站点的问题是，一旦您修复它或开始摆弄它，问题就消失了。
它没有回答你的问题，但.blackBg 应该是position: fixed 而不是绝对的。
我觉得你应该阅读这个IE 6 & IE 7 Z-index它帮助了我:)
不错的链接。考虑到我在该页面上没有看到任何静态元素（所有相对的或绝对的），这在这里真的很重要。

标签： css internet-explorer-7 z-index

【解决方案1】：

我认为，如果您将模态框 div 从 #wrapper div 中拉出，它可能会起作用。似乎旧版本的 IE 比较同级 z-index 值，因此 #blackBg div 将自身与 z-index 设置为 auto 的 #wrapper div 进行比较。如果模态框是两者的兄弟，并且它的 z-index 更高，它可能会解决问题。

【讨论】：

【解决方案2】：

在我看来，这是不可能的，所以我最终放弃了。

【讨论】：