1. 程式人生 > >對css3屬性 z-index的理解

對css3屬性 z-index的理解

首先,z-index需要在相對定位中使用,什麼是相對定位呢?就是對標籤元素設定了position的屬性,並且屬性為:absolute/fixed/relative/(inherit)等
這裡寫圖片描述

其實也很好理解,它的的大小可以作為標籤元素的堆疊順序,就是三維空間座標系中的z軸,z的大小可以定位元素的堆疊層次。
例如:

<span  style='position:absolute;z-index:4'> 第一個</span>
<span  style='position:absolute;z-index:-2'> 第二個</span>

這樣設定屬性的話第一個就是在第二個的上面,它的值是整數,可以為賦值。預設是 auto。