-
發(fā)生了嵌套
查看全部 -
沒有發(fā)生嵌套
查看全部 -
jjkj查看全部
-
參與層疊上下文的屬性們
查看全部 -
z-index: 0 會創(chuàng)建層疊上下文
z-index:auto 不會創(chuàng)建層疊上下文（ie7除外）
z-index 受限于層疊上下文
查看全部 -
7階層疊水平
查看全部 -
層疊上下文是HTML元素中的一個三維概念，便是元素在z軸上有了‘可以高人一等’
具有層級上下文的元素： 頁面根元素， z-index值為數(shù)值的定位元素
層疊水平：層疊上下文中的每個元素都有一個層疊水平，決定了同一個層疊上下文中元素在z軸上的顯示順序
查看全部 -
土黃色背景是linline-block的,綠色是block的,因為linline-block層級比block高,所以土黃色在綠色的上面,但土黃色層級比inline低,所以綠色上的文字可以再土黃色背景上。
翻譯: 因inline-block官職比block高, 同為背景色的家仆,土黃色就比綠色的高,但家仆不是當(dāng)官,所以block在上面
查看全部 -
7階層疊水平標準
查看全部 -
2.1 本節(jié)內(nèi)容：
同DIV平級下的Z-index，后來居上&大者居上
不同DIV（發(fā)生嵌套），祖先優(yōu)先比較Z-index；
父容器若Z-index:auto;則子項目的Z-index起作用；
查看全部 -
更完整的7階層疊水平
查看全部 -
定位元素默認z-index：auto可以看成是z-index：0；
z-index不為auto的定位元素會創(chuàng)建層疊上下文；
z-index層疊順序的比較止步于父級層疊上下文；
從層疊順序上講，z-index:auto可以看成z-index:0，但是從層疊上下文來講，兩者卻有著本質(zhì)差異。
查看全部 -
不支持z-index的層疊上下文元素的層疊順序均是z-index:auto級別；
依賴z-index值創(chuàng)建層疊上下文的情況：
position值為relative/absolute或fixed（部分瀏覽器）
display：flex/inline-flex容器的子flex項
查看全部 -
其他參與層疊上下文的屬性：
z-index不為auto的flex項（父元素display:flex/inline-flex）;
元素的opacity不是1；
元素的transform不是none；
元素mix-blend-mode不是normal；
元素的filter不是none；
元素的isolation是isolate；
position:fixed聲明；
will-change指定的屬性值為上面任意一個；
元素的-webkit-overflow-scrolling設(shè)為touch。
查看全部 -
層疊上下文
頁面根元素天生具有層疊上下文，稱之為“根層疊上下文”。
z-index為數(shù)值的定位元素也具有層疊上下文。
其他
層疊水平
層疊上下文中的每個元素都有一個層疊水平，決定了同一個層疊上下文中元素在z軸上的顯示順序。遵循后來居上和誰大誰上的層疊準則。
層疊水平和z-index不是一個東西，普通元素也有層疊水平。
層疊上下文的特性：
層疊上下文可以嵌套，組合成一個分層次的層疊上下文。
每個層疊上下文和兄弟元素獨立：當(dāng)進行層疊變化或渲染的時候，只需要考慮后代元素。
每個層疊上下文是自成體系的：當(dāng)元素的內(nèi)容被層疊后，整個元素被認為是在父層的層疊順序中。
查看全部
舉報