z-index 属性详解：控制元素堆叠顺序

z-index 是 CSS 属性，用于控制元素在堆叠顺序中的位置，即在层叠上下文中的顺序。具体来说，z-index 值越大的元素会出现在 z-index 值较小的元素之上。

通过设置元素的 z-index 值，可以实现以下效果：

1. 控制元素的层叠顺序，使某个元素在其他元素之上或之下。

2. 控制伪元素的层叠顺序。

3. 控制弹出菜单、对话框等浮动元素的层叠顺序。

需要注意的是，z-index 属性仅对定位元素（position 属性值为 'relative'、'absolute' 或 'fixed'）有效。未定位的元素（position 属性值为 'static' 或 'unset'）无法使用 z-index 属性。