1.概念
stacking context
網(wǎng)頁中的元素級別不同和措，有z軸
2.層疊水平
普通元素的層疊水平優(yōu)先由層疊上下文決定，層疊水平的比較只有在當前層疊上下文元素中才有意義
老時代層疊順序：
- 正z-index
- z-index: 0
- inline / inline-block 內(nèi)聯(lián)盒子
- float 浮動盒子
- block 塊級水平盒子
- 負z-index
- 層疊上下文 background/border
內(nèi)聯(lián)元素層疊順序要比浮動元素和塊狀元素要高
優(yōu)先顯示的順序是：
inline和inline-block一般是內(nèi)容
float和block一般是布局
background和border一般是裝飾
層疊黃金準則：
1.誰大誰上
z-index值大的那個覆蓋z-index小的那個
2.后來居上
層疊水平一直鸯乃，層疊順序相同時，在DOM流中處于后面的元素會覆蓋前面的元素
3.層疊上下文的創(chuàng)建
根層疊上下文
html標簽跋涣，絕對定位時缨睡，如果沒有其他元素限制，就會相對瀏覽器窗口定位的原因z-index為數(shù)值的定位元素的傳統(tǒng)層疊上下文
其他css3屬性
z-index: 0所在的div是層疊上下文元素陈辱，而z-index: auto所在的div是一個普通元素奖年，里面兩個的層疊比較就不受父級影響，誰大誰上的準則
z-index一旦變成數(shù)值沛贪，都會創(chuàng)建一個層疊上下文陋守，每個層疊上下文是自成體系的，當元素發(fā)生層疊時利赋，整個元素被任務是在父層疊上下文的層疊順序中
