教育行業(yè)A股IPO第一股（股票代碼 003032）

全國(guó)咨詢/投訴熱線：400-618-4000

怎樣理解z-index層疊等級(jí)屬性？

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

好口碑IT培訓(xùn)

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

z-index修改定位元素重疊

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

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

0 分享到：
和我們?cè)诰€交談！