文檔中的層疊上下文由滿足以下任意一個條件的元素形成：
根元素 (HTML),
z-index 值不為 "auto"的 絕對/相對定位初肉，
一個 z-index 值不為 "auto"的 flex 項目 (flex item)专酗，即：父元素 display: flex|inline-flex，
opacity 屬性值小于 1 的元素
transform 屬性值不為 "none"的元素嬉橙，
mix-blend-mode 屬性值不為 "normal"的元素早直，
filter值不為“none”的元素，
perspective值不為“none”的元素市框，
isolation 屬性被設(shè)置為 "isolate"的元素霞扬，
position: fixed
在 will-change 中指定了任意 CSS 屬性，即便你沒有直接指定這些屬性的值
-webkit-overflow-scrolling 屬性被設(shè)置 "touch"的元素
堆疊上下文順序
- background
2.border
3.塊級元素
4.浮動
5.內(nèi)聯(lián)元素
6.z-index：0；
7.z-index：+喻圃；
以上就是堆疊上下文的順序萤彩。值得注意的是，如果是兄弟元素重疊斧拍，那么后面的元素會覆蓋前面的元素雀扶。
