z-index是一種在CSS中控制圖層順序的屬性。默認(rèn)情況下，元素按照它們在HTML中的順序疊放，后來的元素會覆蓋在先前的元素之上。然而，當(dāng)兩個(gè)或更多的元素相互重疊時(shí)，您可能需要更多的控制來指定哪個(gè)元素應(yīng)該位于頂部。

這時(shí)，z-index就可以派上用場了。該屬性允許您通過指定一個(gè)整數(shù)值來控制元素在層疊順序中的位置。具有較高z-index值的元素將覆蓋具有較低值的元素。

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

在上面的代碼示例中，我們使用了z-index屬性將另一個(gè)元素置于更高的層疊順序。請注意，它只有在position屬性設(shè)置為"relative"、"absolute"或"fixed"時(shí)才能生效。

當(dāng)多個(gè)元素使用相同的z-index值時(shí)，它們的層疊順序?qū)⒏鶕?jù)它們在HTML文檔中的順序確定。因此，建議在使用z-index時(shí)，避免使用負(fù)值或非整數(shù)值。

此外，z-index值只影響同一層疊上下文中的元素。如果不同的層疊上下文重疊，則根據(jù)它們在父元素中的順序疊放。

在CSS中，層疊上下文可以由一些屬性來創(chuàng)建，如：position、display和transform。為了更好地理解這些屬性的作用，請查閱相關(guān)的文檔。