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

Question

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

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

Answer 1

我认为如果你从#wrapper div中取出模态框div，它可能会起作用。看起来IE的旧版本比较了兄弟z-index值，因此#blackBg div将自己与#wrapper div进行比较，其中z-index的z-index设置为auto。如果模态框是两者的兄弟，并且其z-index更高，那么它可能会解决问题。

Answer 2

就我而言，这是不可能的，所以我最终放弃了。