z-index 是 CSS 中用來控制元素在層疊順序（stacking order）中的位置的屬性。具體來說，z-index 數值越大的元素會顯示在數值較小的元素之上。z-index 只在具有定位屬性（如 relative、absolute 或 fixed）的元素上才起作用。
工作原理：
- z-index 只能應用于定位（positioned）元素。
- 當多個元素重疊時，z-index 可以用來控制它們的顯示優先級。
- z-index 數值越大的元素會顯示在數值較小的元素之上。
- 如果兩個元素的 z-index 相同，則后面出現在 HTML 代碼中的元素會顯示在前面的元素之上。
應用技巧：
- 使用 z-index 控制彈出框、下拉菜單等元素的顯示層級，確保它們在需要的時候可以在其他元素之上顯示。
- 可以通過設置 z-index 來實現元素的遮罩效果，例如模態框或遮罩層。
- 在使用 z-index 時，應避免過度使用，避免出現混亂的層疊順序，影響頁面的可維護性。
- 對于需要在不同層級中切換的元素，可以動態改變它們的 z-index 值來實現層級的變化。
總的來說，z-index 是一種很有用的 CSS 屬性，可以幫助開發者控制頁面中元素的顯示層級，但使用時需要謹慎，避免出現混亂的層疊順序。
