的z-index不起作用

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

我的CSS是如下：

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

    }

和提琴链接：

http://jsfiddle.net/hminaee/a89Z4/

谁能告诉我是什么问题？

来源

2014-03-03 Hamed Minaee

z-index需要一个数字，而不是测量。

z-index : 30;

此外，它不会神奇地做任何3D;它所做的就是将该盒子移动到与Z-index相同的位置（或者是position:static;）的任何其他盒子的前面。

如果您期望缩放或剪切，那么您应该对transform : rotate3d进行研究，如此。

来源

2014-03-03 00:26:12 Norguard

这就是答案@Hamed Minaee –

谢谢，我想用这个div来覆盖整个屏幕，并显示在它的一些进度条和下面是身体，我不想要设置为静态或相对的身体，但我想这个div似乎不同或稍高一点，所以你的建议是什么？ –

@HamedMinaee ***每个***元素的默认值是'position：static;'。你几乎不需要输入它，除非你正在做一些非常具体的事情（比如添加/删除一个类来创建一个div'fixed' /'static'），并且你希望'fixed'是默认的... – Norguard

首先，z-index应该是一个无单位的数字。（例如z-index : 1000;而不是z-index: 1000px;）

但是你的jsfiddle也只包含一个元素，所以我不确定你期望发生什么。看起来你也许不明白z-index是做什么的。您可能需要阅读：

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index

来源

2014-03-03 00:28:22 BYossarian

的z-index不起作用

回答

相关问题