課程
/前端開發(fā)
/HTML/CSS
/固定層效果
z-index值越大,元素層級越大。這是什么意思?Z-index又是什么屬性
2016-04-14
源自:固定層效果 1-6
正在回答
例如:<div id="a" style="z-index:2;">A</div>
<div id="b" style="position:relative;z-index:1;">B</div>
<div id="c" style="position:relative;z-index:0;">C</div>如圖
z-index 屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。注釋:元素可擁有負的 z-index 屬性值。Z-index 僅能在定位元素上奏效。
頁面有3個軸:X,Y,Z,就和數(shù)學(xué)上的立體坐標(biāo)一樣,平面是X,Y軸,Z軸即z-index值越大,元素層級越大,也就離我們近,z-index值大的,會覆蓋z-index值小的。
純手打望采納
qq_經(jīng)6吳素文_03163701
魏阿賢 提問者
舉報
運用屬性值就輕松實現(xiàn)網(wǎng)頁固定層效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-04-14
<div id="b" style="position:relative;z-index:1;">B</div>
<div id="c" style="position:relative;z-index:0;">C</div>如圖
z-index 屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。注釋:元素可擁有負的 z-index 屬性值。Z-index 僅能在定位元素上奏效。
頁面有3個軸:X,Y,Z,就和數(shù)學(xué)上的立體坐標(biāo)一樣,平面是X,Y軸,Z軸即z-index值越大,元素層級越大,也就離我們近,z-index值大的,會覆蓋z-index值小的。
純手打望采納