CSS中z-index屬性的作用是控制元素在垂直方向上的層級關系。z-index屬性的值可以是一個正整數、負整數或auto。
當多個元素重疊時，z-index屬性可以確定哪個元素位于其他元素的前面或后面。具有較高z-index值的元素將顯示在具有較低z-index值的元素的前面。如果兩個元素具有相同的z-index值，那么它們將按照它們在HTML文檔中的順序進行疊放，靠后的元素會覆蓋靠前的元素。
z-index屬性只對定位元素（position屬性值為relative、absolute或fixed）有效。對于靜態定位（position: static）的元素，z-index屬性不起作用。
使用z-index屬性可以實現一些視覺效果，例如創建浮動的菜單、彈出框或懸浮元素。
