-
z-index 有后來居上原則,如果設(shè)置 position:relative 那么z-index:auto他的默認(rèn)值就是這個,這個auto相當(dāng)于 z-index:0 所以是正值,如果z-index:負(fù)值的層疊順序在元素背景色之上查看全部
-
z-index 層疊上下文 特性查看全部
-
這樣排列的原因,是更符合頁面加載順序和,排序的,裝飾的在最下方,布局在中間層,內(nèi)容的在最上方查看全部
-
層疊順序查看全部
-
第二點(diǎn)，非auto創(chuàng)建層疊上下文理解如下： 設(shè)置定位，box和img不創(chuàng)建層疊上下文，子元素覆蓋父元素，且滿足z-index：auto即z-index：0 設(shè)置img的z-index：-1，創(chuàng)建層疊上下文，此時box和img比較遵循層疊順序規(guī)則：z-index：0優(yōu)先z-index：-1，因此box在img之上 設(shè)置box的z-index：0，創(chuàng)建層疊上下文，此時box和img比較遵循層疊順序規(guī)則：z-index：-1優(yōu)先層疊上下文background，因此img在box之上查看全部
-
z-index：auto不會創(chuàng)建層疊上下文，z-index：0會創(chuàng)建層疊上下文查看全部
-
2017-8-30查看全部
-
7階層疊水平查看全部
-
創(chuàng)建層疊上下文的屬性查看全部
-
Z-index查看全部
-
創(chuàng)建層疊上下文: position:relative,absolute,sticky,fixed display:flex加其子元素z-index opcity不為1 transform不為none查看全部
-
層疊上下文的背景色層級小于負(fù)值的z-index設(shè)置元素查看全部
-
兩個元素樣式無差異，遵循后來居上；若有個元素有設(shè)置了定位屬性，那么層級可以視為z-index為0，級別上會變高（圖片一般為內(nèi)聯(lián)元素）。 定位元素不是auto時會創(chuàng)建層疊上下文。（不包括IE7瀏覽器）查看全部
-
backgroud/border（裝飾） < 負(fù)z-index < block塊狀水平盒子（布局） < float浮動盒子< inline/inline-block水平盒子（內(nèi)容） < z-index:auto/0 < 正z-index查看全部
-
z-index只有和定位元素一起才起作用查看全部
舉報
0/150
提交
取消