CSS z-index屬性用于控制元素的堆疊順序，即確定元素在垂直方向上的顯示順序。元素的堆疊順序決定了哪個元素覆蓋其他元素。具有較高z-index值的元素將覆蓋具有較低z-index值的元素。
默認情況下，元素的z-index值為auto，表示它們按照它們在HTML文檔中出現的順序進行堆疊。但是，通過為元素設置z-index屬性，可以改變它們的堆疊順序。
z-index屬性的值可以是正整數、負整數或zero。較大的正整數值表示元素在堆疊順序中較高，較小的負整數值表示元素在堆疊順序中較低。如果多個元素具有相同的z-index值，則按照它們在HTML文檔中出現的順序進行堆疊。
使用z-index屬性可以實現以下效果：
控制浮動元素的層疊順序，使其在其他元素之上或之下。
創建層疊窗口效果，實現元素的重疊顯示。
控制彈出框、菜單等浮動元素的顯示層級。
控制元素在動畫過程中的層疊順序，實現更復雜的動畫效果。
注意事項：
z-index屬性只作用于定位元素（position值為relative、absolute或fixed）。
z-index屬性只在具有相同的層疊上下文的元素之間起作用。
