所以我想出了这个jsfiddle： http: //jsfiddle.net/3sdES/2/，它产生了一些有趣的结果。
在 IE7 以外的任何浏览器中，页面呈现的“modal”元素覆盖在其他所有内容之上：
但是在 IE7 中，z-indexes 似乎不像在其他地方那样工作：
我理解 IE7 和 z-indexes 的方式是它为每个设置了“位置”的元素创建一个新的堆叠索引。但是我在这里处理的所有元素都有位置设置；我的理解是它们应该在相同的堆叠上下文中，因此背景（z-index 1040）应该出现在模态（z-index 1050）后面……但显然 IE7 不会发生这种情况。
有什么想法吗？我已经尝试在整个 DOM 中移动内容，在任何地方应用位置和 z-index，但我无法让 IE7 满意。