css z index層重疊順序

div 浮動到另乙個div之上:

"
">class="
fj1">我在下面 上的發生大幅 上的發生大幅隨碟附送的
class="
zj1">我浮動在上面

div css z-index層重疊順序

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

z-index 跟具體數字

如：

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

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

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

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

1、案例css**

/* www.divcs5.com z-index例項 */

.divcss5

.divcss5-1,.divcss5-2,.divcss5-3

.divcss5-1

.divcss5-2

.divcss5-3

2、html**片段

div>