-
1.最小化影響原則
2.不犯二準則
3.組件層級計數器
4.負值z-index與可訪問性隱藏
查看全部 -
css3屬性
?1.
2.
3.
4.
5.
6.isolation：isolate?
7.
限于
8.
9.移動端特有
查看全部 -
css3屬性
?1.
2.
3.
4.
5.
6.isolation：isolate 獨立
7.
限于
8.
9.移動端特有
查看全部 -
css3屬性
?1.
2.
3.
4.
5.
6.isolation：isolate 獨立
7.
限于
8.
9.移動端特有
查看全部 -
z-index：默認值auto
案例：
z-inde:auto不會創建層疊上下文，z-index:0會創建層疊上下文
查看全部 -
層疊水平
更方便頁面元素的加載和呈現
查看全部 -
層疊上下文特性查看全部
-
元素發生層疊： 1.比較層疊上下文--與最近的層疊上下文比較，誰大誰離屏幕最近 層疊上下文：根元素、定位元素設定z-index、 css3其他屬性 2.沒有層疊上下文：塊狀元素<浮動元素<內聯 相同權重--都是內聯元素：后來居上查看全部
-
7階層疊水平圖
查看全部 -
相關實踐準則
查看全部 -
其他屬性關于層疊上下文
查看全部 -
z-inde:auto不會創建層疊上下文，z-index:0會創建層疊上下文
查看全部 -
定位元素默認z-index:auto可以看成是z-index:0
不為z-index不為auto的定位元素會層疊上下文
順序比較止步于父級層疊上下文
查看全部 -
意義：規范元素重疊時候的呈現規則。
為何：更符合頁面加載和視覺呈現
查看全部 -
七階層疊水平
查看全部 -
當兩組元素發生嵌套關系時，前一個元素的父級設置 auto，可以避免祖先原則
查看全部 -
如果定位元素z-index沒有發生嵌套：
1.后來居上的準則，2.哪個大，哪個上
查看全部 -
著名的7階層疊水平
查看全部 -
后來居上例子
查看全部 -
層疊上下文的生成盒子層疊水平是0
查看全部 -
祖先優先原則不起作用了？？?。。?！
查看全部 -
祖先優先例子
查看全部 -
文字是內聯水平
查看全部 -
不依賴z-index的層疊上下文元素的層疊順序（css屬性的層疊上下文元素，遵循后來居上準則）和z-index：auto屬于同一級別
依賴z-index的層疊上下文元素根據z-index值決定層疊順序，若值相等，遵循‘’后來居上‘’
查看全部 -
定位元素默認z-index：auto可以看成z-index：0
z-index不為auto的定位元素會創建層疊上下文
z-index層疊順序的比較止步于父級層疊上下文（若元素父級設置了層級，以父級的層疊大小為準）
從層疊順序上講，z-index：auto可以看成z-index：0
但從層疊上下文來講，z-index：auto不會創建層疊上下文，z-index：0會創建層疊上下文
查看全部 -
7階層疊水平層疊順序：
層疊上下文的background/dorder < 負z-index < block塊狀水平盒子< float浮動盒子 < inline/inline-block水平盒子 < z-index：auto或看成z-index：0 < 正z-index
?
查看全部 -
?z-index只有與定位元素配合使用，如果定位元素設置了z-index并且發生覆蓋關系遵循的原則：1.后來居上準則 2.z-index值大的在上；
如果定位元素發生了嵌套（里面有定位元素，外面也有定位元素）遵循“”祖先優先原則“”他的層級由最祖先的層級元素決定（前提：z-index是數值，不是auto）
查看全部 -
通過JS代碼獲取body下子元素的最大z-index
查看全部
舉報