Question

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

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

谢谢， Amit Chaudhary

Answer 1

确保您还设置了static以外的位置：

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

Answer 2

不知道您的相应div的z-index是由某些js代码还是css控制的。我认为你必须使用jquery的.load()方法override that elem's z-index：

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

Answer 3

即使您认为不必要，也应将其设置为relative或absolute。在以下示例中，如果您希望a高于b，则应将a设置为absolute，即使a的位置有效， absolute已设置。

<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/

Answer 4

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

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

Answer 5

如果被覆盖，您可以随时尝试

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

z-index未设置为某个值

5 个答案: