IE7中绝对定位元素出现在相对定位元素后面

Question

3

我知道有一个错误，即绝对定位的元素出现在相对定位的元素上方。然而，我遇到了相反的问题。

"底部"元素的z-index为1，并且已分配相对定位。顶部元素具有绝对定位和z-index为99。

在Firefox、基于Webkit的浏览器和IE8中运行良好。有什么想法是为什么会发生这种情况吗？

- tgandrews

这应该没问题 - 发布一些代码。 - ScottE

3个回答

1

$(function() {
var zIndexNumber = 1000;
$('div').each(function() {
    $(this).css('zIndex', zIndexNumber);
    zIndexNumber -= 10;
});

});

- vulgarbulgar

1

我找到了一个有用的资源来解决这个问题：

简而言之，如果您的绝对定位元素为空，则 IE 不喜欢将其放在其他元素（例如相对定位的文本）的前面。您可以使用一个 1x1 透明 gif 来克服这个问题，例如通过在您的绝对定位元素上设置以下样式。

 .mask {
   background: transparent url('/images/clear.gif') repeat 0 0;
 }

- Mike Jarema

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- rahul · Accepted Answer

在Internet Explorer中，定位元素会生成一个新的堆叠上下文，其z-index值从0开始。因此，z-index不能正常工作。

参见

和