在CSS中，z-index属性用于控制网页元素的堆叠顺序。当元素发生重叠时，具有较高z-index值的元素会显示在较低值的元素上方。
z-index属性主要应用于设置了定位（position: relative、absolute 或 fixed）的元素，以及flex容器的子元素，默认情况下，z-index的值为auto，这意味着元素的堆叠顺序与其父元素相同，如果父元素未设置z-index，则该元素的堆叠顺序与其兄弟元素相同。
z-index属性的值可以是整数，范围从-2147483584到2147483584，数值越大，元素的层级越高；数值越小，层级越低，z-index还可以继承父元素的值，即inherit。
z-index属性是CSS中一个强大的工具，它允许开发者精确控制元素的堆叠顺序，从而实现复杂的布局效果，通过合理使用z-index，可以确保页面元素的视觉层次符合设计要求，提升用户体验。