在CSS中，z-index屬性控制元素在堆棧中的層級(jí)關(guān)系。

默認(rèn)情況下，元素的z-index值為auto，此時(shí)它們按照它們?cè)贖TML中出現(xiàn)的順序堆疊在一起。但是，通過設(shè)置z-index屬性，我們可以改變這種堆疊順序。

在CSS中，z-index值越大，元素越靠近頁面頂部，也就越可能遮擋其他元素。

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

在上面的示例中，example元素的z-index值為2，所以它會(huì)被放置在頁面頂部，覆蓋z-index值更小的其他元素。

但是，如果兩個(gè)元素具有相同的z-index值，它們則會(huì)根據(jù)它們?cè)贖TML中出現(xiàn)的順序進(jìn)行堆疊。這種情況下，后出現(xiàn)的元素會(huì)被放置在頂部。

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

在上面的示例中，example-1和example-2具有相同的z-index值，因此它們將根據(jù)它們?cè)贖TML中的出現(xiàn)順序進(jìn)行堆疊。

總的來說，z-index屬性是控制頁面元素層疊順序的重要工具，我們可以通過設(shè)置該屬性來實(shí)現(xiàn)更靈活的頁面布局。