css - IE7 z-index 和 stacking contexts -- z-index 可以在任何地方使用，除了 IE7

Question

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

在 IE7 以外的任何浏览器中，页面呈现时“模态”元素覆盖在其他所有元素之上:

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

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

有什么想法吗？我试过在整个 DOM 中移动内容，在所有位置应用位置和 z-index，但我无法让 IE7 满意。

Answer 1

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