Html z索引不起作用

我有一个问题，我正试图使用z-index使我的设计有3D的感觉，但当我使用它时，我看不到任何变化

我的css如下：

 .test1
    {
        background-color:#666;
        opacity:0.4;
        width:500px;
        height:500px;
        z-index:1000px; 
        position:absolute;
        top:0;
        left:0;

    }

而fiddle链接是：

---

有人能告诉我问题出在哪里吗？

z-index是一个数字，而不是度量值

z-index : 30;

而且，它不会神奇地让任何东西变成3D；它所做的只是将该框移动到与它处于相同位置的任何其他框之前，该框具有较低的z索引或位置：static

---

如果您希望缩放或剪切，那么您应该研究transform:rotate3d及其同类产品。

z索引采用的是数字，而不是度量值

z-index : 30;

而且，它不会神奇地让任何东西变成3D；它所做的只是将该框移动到与它处于相同位置的任何其他框之前，该框具有较低的z索引或位置：static

如果您希望缩放或剪切，那么您应该研究transform:rotate3d及其类似的东西。

首先，z索引应该是一个无单位的数字。e、 g.z指数：1000；非z指数：1000px

但是您的JSFIDLE只包含一个元素，所以我不确定您希望发生什么。似乎你不明白z指数的作用。您可能想阅读：

首先，z-index应该是一个无单位数。e、 g.z指数：1000；非z指数：1000px

但是您的JSFIDLE只包含一个元素，所以我不确定您希望发生什么。似乎你不明白z指数的作用。您可能想阅读：

---

这是答案@Hamed Minaee谢谢，我想用这个div覆盖整个屏幕，并在其中显示一些进度条，下面是body，我不想将body设置为static或relative，但我希望这个div看起来不同或稍高一点，那么您的建议是什么？@hamedminae每个元素的默认值是position:static；。你几乎不必键入它，除非你正在做一些非常具体的事情，比如添加/删除一个类以使div固定/静态，并且你想将fixed作为默认值…这是答案@Hamed minaeepro谢，我想用这个div覆盖整个屏幕，并在其中显示一些进度条，下面是body，我不想将body设置为static或relative，但我希望这个div看起来不同或稍高一点，那么您的建议是什么？@hamedminae每个元素的默认值是position:static；。你几乎不必输入它，除非你正在做一些非常具体的事情，比如添加/删除一个类，使div固定/静态，并且你希望fixed成为默认值。。。