IE7 z索引和堆叠上下文——z索引适用于除IE7以外的所有地方

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

在IE7以外的任何浏览器中,页面呈现时都会将“模态”元素覆盖在其他内容之上:

然而,在IE7中,z索引似乎不像其他地方那样起作用:

我理解IE7和z索引的方式是,它为每个设置了“位置”的元素创建一个新的堆叠索引。但我在这里处理的所有元素都有立场;我的理解是,它们应该在相同的堆叠上下文中,因此背景(具有z索引1040)应该出现在模态(具有z指数1050)之后。。。但IE7显然没有出现这种情况。

有什么想法吗?我试过在DOM中到处移动东西,到处应用位置和z索引,但我无法让IE7满意。