層疊上下文，又稱stacking context，是指元素在垂直於螢幕的z軸上的排列布局。
其中影響層疊上下文的屬性包括以下幾種：
1. flex元素的子元素，同時z-index不是auto
2. opacity值不為1的元素
3. transform值不為none的元素
4. position值為relative/absolute/fixed的元素
當元素發生層疊時，當具有明顯的層疊水平標識時（z-index），層疊水平高的元素覆蓋層疊水平低的元素。
當元素的層疊水平一致時，dom流中後面的元素覆蓋前面的元素。
CSS層疊上下文
以下幾種方式可以建立層疊上下文 包括但不限於哈 對有定位的元素 即postion不是預設的static 設定 z index值 將 opacity 設定成比1小的值 將 position 設定成 fixed 或者 sticky 不需要再設定 z index 不使用 normal 而是使用 mix b...
層疊上下文
本文是我學習層疊上下文的總結。主要從以下途徑學習 mdn 張鑫旭大大的博文 層疊順序遵循下圖的規則，其中在張鑫旭大大的博文中提到inline block的層疊順序與圖中inline box是乙個level的 z index auto實際上和z index 0單純從層疊水平上看，可以認為是同一leve...
層疊上下文（stacking context）
一 什麼是層疊式上下文 層疊上下文，是html中的乙個三維概念 如果元素具備以下任何乙個條件，則該元素會建立乙個新的層疊上下文。二 什麼是層疊級別 同乙個層疊上下文的背景色以及內部元素，誰在上誰在下，這些都是由層疊級別來決定的。層疊級別是針對同乙個層疊上下文而言的。在同乙個曾得上下文中，層疊級別從低...