出于某种原因,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中工作,当我发现一个似乎很接近时,解决方案对我没有帮助,因为它建议使用位置:static(我不能,因为我需要这是绝对的)或其他与此无关的事情,因为它有下拉菜单和javascript以及混合中的所有其他东西。
我正在处理的是图像堆叠,没有别的。我发现可能有助于我理解的一件事就是这个网站,但我不明白不同的堆叠“上下文”意味着什么。 http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex
我不知道它是否真的与我的问题有关,但我想我会问它是什么意思,以防它可以提供帮助。否则,一般的问题是,这适用于IE8但不适用于IE7,我想知道为什么会这样?
同样,我已经搜索过,所以如果这是一个简单的答案,我就错过了。谢谢!