html - 如何在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 页面

Answer 4

对于 Div：

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

上课：

.class {
 z-index: 9999;
}