IE7 z-index 和堆栈上下文 -- z-index 可以在任何地方使用，但 IE7

Question

所以我想出了这个 jsfiddle：http://jsfiddle.net/3sdES/2/，它产生了一些有趣的结果。

在除 IE7 之外的任何浏览器中，页面呈现的“模态”元素都覆盖在其他所有内容之上：

但是在 IE7 中，z-indexes 似乎不像在其他地方那样工作：

我理解 IE7 和 z-indexes 的方式是它为每个设置了“位置”的元素创建一个新的堆叠索引。但是我在这里处理的所有元素都有位置设置；我的理解是它们应该在相同的堆叠上下文中，因此背景（z-index 1040）应该出现在模态（z-index 1050）后面......但显然 IE7 不会发生这种情况。

有什么想法吗？我已经尝试在整个 DOM 中移动内容，在任何地方应用位置和 z-index，但我无法让 IE7 满意。

Answer 1

将 1200 的 z-index 应用于模态框周围的 .module div 可修复 IE7 中的问题。