层叠上下文与层叠顺序

层叠顺序 在css2.1时代, 堆叠顺序遵循下面这张图. 图片来自这里 层叠上下文 满足一下条件的任意元素就会形成堆叠上下文. 根元素 (HTML) z-index 值不为 auto的 绝对/相对定位 一个 z-index 值不为 auto的 flex 项目 (flex item)，即：父元素 display: flex|inline-flex opacity 属性值小于1 的元素 transfo

>>阅读原文<<