的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不起作用

回答

相關問題