z-index

CSS z-index 属性用于设置定位元素及其后代元素或 flex 项目的 Z 轴顺序。当多个元素重叠时，z-index 值较大的元素会显示在 z-index 值较小的元素之上。

z-index 属性只在元素具有 position 属性值（如 relative、absolute、fixed 或 sticky）时才有效。对于 flex 项目，z-index 属性也会影响它们在 Z 轴上的显示顺序。

默认情况下，所有元素的 z-index 值都是 auto，这意味着它们会按照 HTML 代码中的顺序堆叠。通过设置正整数、负整数或零值，可以精确控制元素在 Z 轴上的位置。

需要注意的是，z-index 属性只在同一个定位上下文中才有效。如果两个元素位于不同的定位上下文中，它们的 z-index 值将不会相互比较。

在实际应用中，z-index 属性常用于创建模态框、下拉菜单、提示框等需要控制元素显示顺序的界面元素。通过合理设置 z-index 值，可以实现复杂的层叠效果，提升用户体验。