Css z index意思

CSS中的z-index屬性用於控制元素的堆疊順序（stacking order）。它指定了一個元素在重疊元素中的堆疊層級。

當多個元素重疊在一起時，z-index屬性可以用來決定哪個元素會顯示在頂層，哪個元素會顯示在底層。具有較高z-index值的元素會顯示在具有較低z-index值的元素之上。

例如，如果你有兩個div元素重疊在一起，你可以給其中一個div設定z-index: 1，另一個設定z-index: 2。那麼，z-index: 2的div會顯示在z-index: 1的div之上。

需要注意的是，z-index屬性僅在設定了position屬性的元素上生效。如果position屬性沒有設定為relative、absolute或fixed，z-index屬性將不起作用。

此外，z-index屬性是一個整數，可以為正數、負數或0。負值可以將元素放置在堆疊順序的更下方，這對於創建彈出視窗或工具提示等效果非常有用。

下面是一個簡單的例子：

.box1 {
  position: relative;
  z-index: 1;
}

.box2 {
  position: relative;
  z-index: 2;
}

在這個例子中，box2會顯示在box1之上，因為box2的z-index值更高。