z-index到底是什么

z-index是CSS属性，用于控制元素在页面中的层叠顺序。

z-index的值决定了元素在垂直层面上的显示顺序，具有较高z-index值的元素会覆盖具有较低z-index值的元素。

默认情况下，元素的z-index值是auto，这意味着元素的层叠顺序由其在文档流中的位置决定。在没有使用定位属性的情况下，后面出现的元素会覆盖前面出现的元素。

当给元素设置了定位属性（如position: relative, absolute或fixed）时，z-index属性才会生效。z-index的值可以是正数、负数或0。较大的正数表示元素在层叠顺序中较高，并且会覆盖较小的正数或负数。

需要注意的是，z-index只在具有定位属性的元素之间起作用。如果两个元素都没有设置定位属性，它们的层叠顺序仍然由它们在文档流中的位置决定。

总结起来，z-index属性用于控制元素在页面中的层叠顺序，具有较高z-index值的元素会覆盖具有较低z-index值的元素，但需要注意只有在设置了定位属性时才会生效。