DIV層、span層等html標簽層重疊順序樣式z-index，平時我們使用較少，但也會難免會碰到CSS z-index使用。接下來divcss5介紹z-index從基本屬性到設置對象的層疊順序、重疊順序，從基礎語法到應用案例教程講解學習z-index。

一、z-index語法與結構

z-index 跟具體數字

如：

div{z-index:100}

注意：z-index的數值不跟單位。

z-index的數字越高越靠前，并且值必須為整數和正數（正數的整數）。

二、z-index使用條件

Z-index在使用絕對定位 position:absolute屬性條件下使用才能使用。通常我們讓不同的對象盒子以不同順序重疊排列，我們就是要z-index樣式屬性。

三、z-index應用案例

為了方便觀察z-index樣式屬性，我們設置3個DIV盒子，分別設置不同css背景顏色，設置相同CSS高度、CSS寬度。分別設置背景顏色為黑色、紅色、藍色。CSS width為100px，css height為50px

1、案例css代碼

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表