CSS 堆叠上下文

Tiffany B. Brown 以非常快速且易懂的方式解释了堆叠上下文是什么。首先，是什么构成了一个新的上下文，然后

堆叠上下文中的子元素将按照以下顺序从下到上绘制。

1. 具有负堆叠级别的元素，通常是具有 z-index: -1 的元素
2. 具有 position 值为 static 的元素。
3. 具有堆叠级别为 0 的元素，通常是具有 z-index 值为 auto 的定位元素。
4. 具有正堆叠级别的元素，例如具有 z-index 值为 1 或更高的定位元素。

直接链接 →