z-index 在 ie8 中工作，而不是 ie7

Question

由于某种原因，z-index 仅适用于 IE8 中的一个特定元素，但不适用于 IE7（或者如果我在 IE8 中使用伪 IE7 兼容性视图）。它适用于所有其他元素。唯一的区别是这个元素的 z-index 是负数，所以我尝试使用 1 中的正数，但它仍然是唯一不工作的元素。

不工作的部分是这样的：

.passport {
    position: absolute;
    left: -130px;
    z-index: -2;
}

它被附加到这个应该在其他所有东西下面的图像上：

<img src="http://www.blahblahblah.com/image.png" class="passport">

其他所有东西，从 2 开始都有正 z-index （这就是为什么我在尝试正数时使用 1 作为索引来查看是否有帮助）。就像现在的代码一样，这个图像位于 IE8 中的所有其他内容之下，但就像我说的，不在 IE7 中。这不是图像的实际路径，顺便说一句，我只是出于隐私目的在这里更改它。

知道是什么原因造成的吗？我在网上看到的唯一解决方案是解决 z-index 根本不工作或在 IE7 但不能在 IE8 中工作，当我找到一个看起来很接近的解决方案时，该解决方案对我没有帮助，因为它建议使用 position : 静态（我不能，因为我需要它是绝对的）或其他与此无关的东西，因为它与下拉菜单和 javascript 以及各种其他东西混合在一起。

我正在处理的只是图像堆叠，没有别的。我发现可能有助于我理解的一件事是这个网站，但我不明白不同堆叠“上下文”的含义。 http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex

我不知道它是否真的与我的问题有关，但我想我会问它是什么意思，以防它可以提供帮助。否则，一般问题是这在 IE8 中有效，但在 IE7 中无效，我想知道为什么会这样？

再次，我已经搜索过，所以如果这是一个简单的答案，我只是错过了它。谢谢！

Answer 1

看这里： IE 6 & IE 7 Z-Index Problem