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

Question

我正在努力制作一个与 IE7 向后兼容的网页(我知道，'IE7？!'，但这就是我们学校计算机上的内容)。我正在尝试显示页面的完整大小的 div 以使主体变暗并在其上显示两个特定的 div。但是，当我查看页面时，深色 div 出现在页面上的所有其他元素之上——即使是那些具有更高 z-index 的元素。可以看到页面here并使用 netrender 在 IE7 中查看它.

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

Answer 1

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