CSS中z轴的简单了解

z轴即z-index，可以帮助我们控制元素的堆叠顺序，即当元素发生覆盖的时候，决定哪个元素在上面，哪个元素在下面。
通常来说，z-index 值较大的元素会覆盖较低的元素。z-index 的默认值为 auto（可以认为是0），可以设置正整数，也可以设置为负整数。

当然，非常重要的一点是，只有定位元素(position:relative/absolute/fixed)的 z-index 才有作用，如果你的 z-index 作用于一个非定位元素，通常是不起任何作用的。

参考资料

• 深入理解 CSS 属性 z-index