z-index 有什么作用？如何使用

z-index 是 CSS 中的一个属性，它决定了一个元素相对于其他元素的堆叠顺序。通常来说，一个元素在页面上看起来越靠前，它的 z-index 值就越大。如果两个元素的 z-index 值相同，那么这两个元素的相对位置将由它们在 HTML 代码中的顺序决定。

要使用 z-index，只需在元素的 CSS 样式中指定 z-index 属性即可。例如：

.element {
  z-index: 1;
}

这会让该元素相对于其他没有指定 z-index 属性的元素出现在顶层。如果想让它出现在底层，可以将它的 z-index 设置为负值。

需要注意的是，z-index 只对定位元素有效，也就是说，只有当元素的 position 属性设置为 absolute、relative 或 fixed 时，z-index 才能起作用。

例如，如果两个元素都设置了 z-index，但其中一个元素的 position 为 static（默认值），那么它的 z-index 将不会起作用，这两个元素的相对位置仍将由它们在 HTML 代码中的顺序决定。