Z index最上層

在CSS中，z-index屬性是用來控制元素的堆疊順序（stacking order）的。當有多個元素彼此覆蓋時，z-index用來指定哪個元素應該出現在最前面，哪個元素應該在後面。

當兩個或更多元素的堆疊上下文（stacking context）相交時，z-index屬性才會起作用。堆疊上下文是由特定的CSS屬性創建的，如position的值為absolute或relative，以及float的值為left或right。

要使一個元素成為最上層的元素，你需要為它設置一個比其他相交元素更高的z-index值。例如：

.element-to-be-on-top {
  z-index: 10;
}

如果這個元素的z-index值比它上面的任何其他元素都要高，它就會出現在最上面。如果所有相交元素的z-index值都相同，那麼它們將按照它們在HTML檔案中的順序從上到下排列。

需要注意的是，z-index屬性僅在定位元素（positioned elements）上有效，對於靜態定位（position: static）的元素，它會被忽略。此外，z-index屬性僅在同一個堆疊上下文中起作用，如果元素不在同一個堆疊上下文中，則z-index屬性無效。