一、 堆疊順序(stacking order)，指的網頁元素發生疊層時，解決顯示順序衝突的表現規則。

二、z-index特性：

• 只有和定位元素（position 不為 static 的元素）時才有作用，
• 可以是正值也可以是負值。

三、層疊順序，上層至下層為：

1. 正值z-index
2. z-index:auto或者z-index:0
3. inline內聯元素
4. float浮動元素
5. block塊級元素
6. 負值z-index
7. 執行堆疊的根項目

四、為什麼定位元素會層疊在一般元素（沒有設定 position 的元素）的上面？因為元素一旦設置成定位元素，其 z-index預設是auto

五、堆疊環境 (stacking context)建立方法：

• 網頁檔的根項目
• 定位元素（position非static 的元素）
• flex 佈局元素
• 元素的 opacity 值不是 1
• 元素的 transform 值不是 none
• 元素的 filter 值不是 none
  (更多影響的屬性可參考ＭＤＮ)

六、參考資料
The stacking context - Web開發者指南 | MDN
深入 css z-index 屬性 | DEVLOG of andyyou