-
1.層疊上下文
1) 頁面根源素，根層疊上下文
2) z-index為數(shù)值的定位元素也具有層疊上下文
3) 其他屬性
1)層疊上下文可以嵌套，組成一個分層次的層疊上下文
2）每個層疊上下文和兄弟元素獨立：當(dāng)進行層疊變化和渲染的時候，只需要考慮后代元素。
3）每個層疊上下文是自成體系的：當(dāng)元素的內(nèi)容被層疊后，整個元素被認為是在父層的層疊順序中。
2.層疊水平
層疊上下文中的每個元素都有一個層疊水平，決定了同一個層疊上下文中元素在z軸上的顯示順序。
遵循“后來居上”和“誰大誰上”的層疊準則
層疊水平和z-index不是一個東西。普通元素也有層疊水平
查看全部 -
定位元素z-index沒有發(fā)生嵌套
1.后來居上的準則
2.哪個大，哪個上
定位元素z-index發(fā)生嵌套
1.祖先優(yōu)先原則
前提：z-index是數(shù)值，不是auto
css2.1 (z-index: auto) 當(dāng)前層疊上下文的生成盒子層疊水平是0，盒子（除非是根元素）不會創(chuàng)建一個新的層疊上下文
層疊上下文
層疊水平
查看全部 -
z-index
1.含義： z軸上的顯示
2. 屬性值
auto 默認值
integer 整數(shù)值
inherit 繼承
3.基本特性
（1）支持負值
（2）支持css3 animation動畫
（3）在css2.1時代，需要和定位元素配合使用
? ? ? ? ? relative/absolute/fixed/sticky
查看全部 -
z_inder查看全部
-
使用label關(guān)聯(lián)代替submit按鈕，實現(xiàn)更精美的樣式查看全部
-
opacity不為1時，該元素具有層疊上下文查看全部
-
filter：blur（5px）；實現(xiàn)濾鏡模糊效果查看全部
-
設(shè)置這些屬性能讓該元素創(chuàng)建層疊上下文查看全部
-
css3的display：flex；屬性要和子元素的z-index結(jié)合使用才能形成層疊上下文，是個特例查看全部
-
z-index:auto 類似于z-index:0; 但z-index不會創(chuàng)建層疊上下文
代碼結(jié)構(gòu)：
查看全部 -
文字是內(nèi)容，比較重要，所以排在float上面查看全部
-
創(chuàng)建層疊上下文的其他屬性
查看全部 -
三種情況，默認值
查看全部 -
定位元素默認是z-index:auto
查看全部 -
根元素天生具有層疊上下文
查看全部
舉報