使用Z-Index定位

Question

我們可以使用z-Index將一個HTML元素定位在另一個元素上方嗎？ 如：

<div>One</div> 
<div>Five</div> 

現在應該是上述五個....

我的問題可能是非常基本的，但.........

Answer 1

給你所需要的元素以顯示更高的z指數值。

<div style='z-index: 2'>first</div> 
<div style='z-index: 1'>second</div> 

讀

Specifying the stack level: the 'z-index' property

Answer 2

我不是你在問什麼，但使用z-index整點是定位上面另一個HTML元素。

您可以有更多的信息here。

Answer 3

給三個不同的div一個唯一的ID，如：

<div id="divOne">One</div> 
<div id="divTwo">Two</div> 
<divid="divThree">Three</div> 

在你的CSS樣式表

：

#divOne {position:absolute;z-index:1;} 
#divTwo {position:absolute;z-index:2;} 
#divThree {position:absolute;z-index:3;} 

Answer 4

Z-Index的工作，你需要有position設置爲絕對，相對或針對您要分層的每個div進行固定，然後您可以使用left和top屬性將兩個元素置於對方之上。

z-index越高div越高。即z-index:1與z-index:0以上，認爲它是從你的屏幕出來的一堆透明板。

的詳細信息的位置：

http://www.w3schools.com/Css/pr_pos_z-index.asp

Answer 5

相同的z索引少它的偏好相比於其它層。也就是說，z-index = 2的圖層將被渲染在z-index = 1的圖層之上。

<div style='position:absolute;z-index:2'>first</div> 
<div style='position:absolute;z-index:1'>second</div>