-
在做層疊樣式時(shí)，任何時(shí)候都不要超過2
查看全部 -
position 默認(rèn)為 static? ?另外還有 relative absolute fixed sticky
查看全部 -
z-index:auto? 默認(rèn)值
z-index:<integer> 整數(shù)值
z-index:inherit 繼承
查看全部 -
1、最小化影響原則
目的：避免z-index嵌套層疊關(guān)系混亂
原因：
????(1)元素的層疊水平主要由所在的層疊上下文決定
????(2)IE7 z-index:auto也會(huì)新建層疊上下文
做法：
????(1)避免使用定位屬性
????(2)定位屬性從大容器平級(jí)分離為私有小容器
2、不犯二準(zhǔn)則
目的：避免z-index混亂，一山比一山高的樣式問題
原因：多人協(xié)作以及后期維護(hù)
做法：對(duì)于非浮層元素，避免設(shè)置z-index值，z-index值沒有任何道理需要超過2——不犯二準(zhǔn)則
3、組件層級(jí)計(jì)數(shù)器
目的：避免浮層組件因z-index被覆蓋的問題
原因：
????(1)總會(huì)遇到意想不到的高層級(jí)元素；
????(2)組件的覆蓋規(guī)則具有動(dòng)態(tài)性
做法：組件層級(jí)計(jì)數(shù)器方法
（通過js活得body下子元素的最大z-index值）
4、負(fù)值z(mì)-index與可訪問性隱藏
z-index負(fù)值元素在層疊上下文的背景之上，其他元素之下
查看全部 -
z-index筆記
查看全部 -
更完整的7階層疊水平
查看全部 -
其他參與層疊上下文的屬性：
查看全部 -
一旦容器z-index值為數(shù)值，圖片的層疊上下文元素就變成了容器！
z-index要點(diǎn)
查看全部 -
7階層層疊作用
查看全部 -
元素的層疊順序（stacking order）
7階層層疊水平
查看全部 -
層疊上下文（stacking context）是HTML元素中的一個(gè)三維概念，表示元素在z軸上有了“可以高人一等”
頁面根元素天生具有層疊上下文
z-index值為數(shù)值的定位元素也具有層疊上下文
其他屬性……
層疊水平（stacking level）
層疊上下文中的每個(gè)元素都有一個(gè)層疊水平，決定了同一個(gè)層疊上下文中元素在z軸上的顯示順序
遵循“后來居上”和“誰大誰上”的層疊準(zhǔn)則
普通元素也有層疊水平
層疊上下文幾個(gè)特性
查看全部 -
如果定位元素z-index沒有發(fā)生嵌套：
1、后來居上的準(zhǔn)則；
2、哪個(gè)大，哪個(gè)上；
如果定位元素z-index發(fā)生嵌套：
1、祖先優(yōu)先原則；（前提 值是數(shù)值，不是auto）
2、
查看全部 -
z-index與定位元素
查看全部 -
不考慮css3，只有定位元素（position:relative/absolute/fixed/sticky）的z-index才有作用！
z-index基本特性
查看全部
舉報(bào)