出于某种原因，z-index 适用于 IE8 中的一个特定元素，但不适用于 IE7(或者如果我在 IE8 中使用伪 IE7 兼容性 View )。它适用于所有其他元素。唯一的区别是这个元素有一个负的 z-index，所以我尝试使用 1 的正数，但它仍然是唯一一个不工作的。
不起作用的部分是:
.passport {
position: absolute;
left: -130px;
z-index: -2;
}
它附在这张图片上，应该在其他所有东西下面:
<img src="http://www.blahblahblah.com/image.png" class="passport">
其他所有东西的 z-index 都是正的，从 2 开始(这就是为什么我在尝试使用正的 z-index 时使用 1 来查看是否有帮助)。正如现在的代码一样，这个图像在 IE8 中位于其他所有内容的下方，但就像我说的那样，不在 IE7 中。这不是图像的实际路径，顺便说一句，我只是出于隐私目的在这里更改了它。
知道是什么原因造成的吗？我一直在网上看到的唯一解决方案是解决 z-index 根本不起作用或在 IE7 但 IE8 中不起作用，当我找到一个看起来接近的解决方案时，该解决方案对我没有帮助，因为它建议使用 position : static(我不能，因为我需要它是绝对的)或其他与此无关的东西，因为它与下拉菜单和 javascript 以及混合中的所有其他东西有关。
我正在处理的只是图像堆叠，没有别的。我发现可能有助于我理解的一件事是这个网站，但我不明白不同堆叠“上下文”的含义。 http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex
我不知道它是否真的与我的问题相关，但我想我会问它是什么意思，以防它能有所帮助。否则，一般问题是这在 IE8 中有效，但在 IE7 中无效，我想知道为什么会这样？
同样，我已经搜索过了，所以如果这是一个简单的答案，我就错过了。谢谢!
最佳答案
关于css - z-index 适用于 ie8，不适用于 ie7，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5313057/