由于某种原因，z-index 适用于 IE8 中的一个特定元素，但不适用于 IE7（或者如果我在 IE8 中使用伪 IE7 兼容性视图）。它适用于所有其他元素。唯一的区别是该元素的 z 索引为负，因此我尝试使用正的 1，但它仍然是唯一一个不起作用的元素。
不起作用的部分是这样的：
.passport {
position: absolute;
left: -130px;
z-index: -2;
}
它附加到这张图像上，该图像应该位于其他所有内容的下面：
<img src="http://www.blahblahblah.com/image.png" class="passport">
其他所有内容的 z 索引都为 2 及以上（这就是为什么我在尝试使用正 z 索引以查看是否有帮助时使用 1 作为索引）。正如现在的代码，该图像位于 IE8 中其他所有内容的下方，但正如我所说，不在 IE7 中。顺便说一句，这不是图像的实际路径，我只是出于隐私目的在此处更改了它。
知道是什么原因造成的吗？我在网上看到的唯一解决方案是解决 z-index 根本不起作用或在 IE7 中起作用但在 IE8 中不起作用，当我找到一个看起来很接近的解决方案时，该解决方案对我没有帮助，因为它建议使用位置：静态（我不能，因为我需要它是绝对的）或其他与此无关的东西，因为它与下拉菜单和javascript以及混合中的所有其他东西有关。
我所处理的只是图像堆叠，没有其他。我发现可能帮助我理解的一件事是这个网站，但我不明白不同的堆叠“上下文”意味着什么。http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex
我不知道它是否真的与我的问题相关，但我想我会问它意味着什么，以防它有帮助。否则，一般问题是这在 IE8 中有效，但在 IE7 中无效，我想知道为什么会这样？
我再次搜索过，所以如果这是一个简单的答案，我就错过了。谢谢！
看看这里：IE 6 和 IE 7 Z 索引问题 https://stackoverflow.com/questions/672228/ie-6-ie-7-z-index-problem/3998006#3998006
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
