如何在css中设置z-index？

Question

我无法设置z-index。你能定义我，如何设置z-index位置或值？

Answer 1

z-index：[某个数字];

你必须使用绝对或相对定位才能生效

Answer 2

以下是尝试的代码和示例：

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_zindex

只需输入z-index和其他属性的测试值，并立即测试其行为。

添加了更多信息

图像的z-index定义如下：

img
{
 position:absolute;
 left:0px;
 top:0px;
 z-index:-1;
}

关于z-index，你可以修改两件事：

position: absolute  | relative | fixed
z-index: +ve | -ve value from -9999 to 9999

在上面的示例中，您可以实时更改值以查看效果，这将有助于您更好地理解它。

Answer 3

z-index仅适用于定位元素。也许您没有应用position属性并给它z-index尝试

<style type="text/css">
.myelement{
    position:relative; /*You can put position relative absolute or fixed for z-index to work*/
    z-index:100;
}
</style>

有关详细信息，请参阅此页面 W3Schools Page

Answer 4

对于Divs：

#yourdiv {
 z-index: 9999 ; //whatever the value you want
}

对于班级：

.class {
 z-index: 9999;
}