层叠上下文
层叠上下文，英文全称stacking context。就是网页的z轴的概念，表示了元素在三维空间上的关系。
层叠水平
层叠水平也称为层叠等级或层叠级别，是一种概念，表示的是元素在z轴上的上下顺序。
其中，对于普通元素来说，层叠上下文决定了层叠水平，但是对于flex元素或者定位元素，层叠水平是由层叠水平和z-index共同决定的。 需要注意的是，层叠水平是元素的属性决定的，不可更改，但是定位元素和flex元素是可以设置z-index的。
层叠顺序
层叠顺序(stacking order)表示元素发生层叠时按照特定的顺序规则在Z轴上垂直显示。由此可见，前面所说的“层叠上下文”和“层叠等级”是一种概念，而这里的“层叠顺序”是一种规则。
层叠准则
判断元素间的层叠顺序时，遵从下面几个原则：
- 元素间如果位于同一个层叠上下文，那么根据上面的层叠顺序图，谁的层叠水平高，谁就在上面。如果层叠水平一样，那么后面的元素就会覆盖在前面的元素上面。
- 元素间如果不是位于同一个层叠上下文，先比较它们的层叠上下文的层叠等级
