jquery - z-index 未设置为某个值

Question

我将 z-index 设置为 div 的某个值，但它仍然在浏览器的计算样式中显示 z-index 为自动。

谁能告诉我为什么会这样？我该如何解决这个问题？

谢谢，阿米特乔杜里

Answer 1

确保您还设置了以下位置static：

#myDiv {
    position : relative;
    z-index  : 25;
}

Answer 2

检查您的缓存。如果您的浏览器正在查看缓存的 css 文件，则样式可能不适用，在这种情况下，div 仍然没有设置 z-index。

如果你使用的是 chrome，你可以通过 ctrl+f5 重置缓存。

Answer 3

如果它被覆盖，你总是可以尝试

.element {z-index:100 !important;}

Answer 4

不知道你对应的 div 的 z-index 是由一些js代码或css. 我认为您必须使用.load()jquery 的方法来override that elem's z-index：

$(window).load(function(){
  $('elem').css('z-index','99999'); // @elem put your div's id or class
});

Answer 5

您应该将其设置为，relative或者absolute即使您认为它是不必要的。在下面的例子中，如果要a高于，则如果设置为no b，则应设置a为absolute偶数的工作位置。aabsolute

<div id="a">
    a
</div>
<div id="b">
    b
</div>

CSS：

#a {
    z-index: 2;
    background-color: #f00;
    width: 100px;
    height: 100px;
    position: absolute;
}

#b {
    background-color: #0f0;
    position: absolute;
    left: 20px;
    top: 30px;
    width: 100px;
    height: 100px;
}

在此处运行演示：http: //jsfiddle.net/a9dMn/