IE7 z-index和堆叠上下文 - z-index可以在IE7中随处可见

Question

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

在IE7以外的任何浏览器中，页面渲染时“模态”元素覆盖在其他所有内容之上：

然而在IE7中，z索引似乎不像其他地方那样工作：

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

有什么想法？我已经尝试在DOM上移动东西，在任何地方应用位置和z索引，我不能让IE7满意。

Answer 1

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