z-index 属性用于控制元素的堆叠顺序，即哪个元素显示在哪个元素的上面。这个属性只有在元素设置了定位（position）属性后才能生效。
当两个元素发生重叠时，z-index 值大的元素会覆盖在 z-index 值小的元素上面。也就是说，z-index 值越大，元素就越靠近屏幕的顶层，越容易被用户看到。
需要注意的是，z-index 属性只对定位元素（即 position 属性值为 absolute、relative 或 fixed 的元素）有效，对于非定位元素是无效的。
示例代码：
div {
position: relative;
z-index: 1;
}以上代码指定了一个 div 元素，并将其定位为相对定位。然后使用 z-index 属性将其堆叠顺序设为 1。如果页面上还有其他元素与该元素发生重叠，而这些元素的 z-index 值小于 1，那么该元素就会显示在它们的上面。
推荐学习网站：MDN Web Docs