層疊上下文與層疊順序

層疊順序 在css2.1時代, 堆疊順序遵循下面這張圖. 圖片來自這裏 層疊上下文 滿足一下條件的任意元素就會形成堆疊上下文. 根元素 (HTML) z-index 值不爲 auto的 絕對/相對定位 一個 z-index 值不爲 auto的 flex 項目 (flex item)，即：父元素 display: flex|inline-flex opacity 屬性值小於1 的元素 transfo

>>阅读原文<<