怎樣理解z-index層疊等級屬性？

更新時間:2023年03月27日16時46分來源:傳智教育瀏覽次數(shù):

當(dāng)一個父元素中的多個子元素同時被定位時，定位元素之間有可能會發(fā)生重疊，如圖1所示。

z-index修改定位元素重疊

我們知道，顯示器顯示的圖案是一個二維平面，使用x軸和y軸來表示位置屬性。為了表示三維立體的概念，如上圖中上下層的立體關(guān)系，引入了z-index屬性來表示z軸的深度。z-index值可以控制定位元素在垂直于顯示屏方向(z軸)上的堆疊順序，值大的元素發(fā)生重疊時會在值小的元素上面，其取值可為正整數(shù)、負(fù)整數(shù)和0，默認(rèn)值為0。

z-index只能在position屬性值為relative或absolute或fixed的元素上有效，z軸可以理解為屏幕的深度，z-index值越大的元素越靠近用戶。

上一篇：怎樣下載和安裝HBuilder軟件？【附HBuilder快捷鍵】 下一篇：什么響應(yīng)式Web？響應(yīng)式Web基礎(chǔ)概念