在CSS中，z-index屬性用于控制元素的堆疊順序，即哪個(gè)元素顯示在前面，哪個(gè)元素顯示在后面。

默認(rèn)情況下，所有元素的堆疊順序都是相同的。但是，通過給元素設(shè)置不同的z-index值，可以改變它們的顯示順序。

值得注意的是，z-index是遞減的，也就是說，z-index值越大的元素會(huì)顯示在越上面。

如果兩個(gè)元素的z-index值一樣，那么顯示順序?qū)⒂伤鼈冊(cè)贖TML中的出現(xiàn)順序決定。

下面我們來看一個(gè)例子：

<div class="box1"></div>
<div class="box2"></div>

.box1 {
background-color: red;
position: absolute;
width: 100px;
height: 100px;
left: 50px;
top: 50px;
z-index: 1; /*注意這里*/
}
.box2 {
background-color: blue;
position: absolute;
width: 100px;
height: 100px;
left: 75px;
top: 75px;
z-index: 2; /*注意這里*/
}

上面的代碼中，box2的z-index值大于box1的z-index值。因此，box2會(huì)顯示在box1的上面。

總結(jié)一下，z-index屬性可以用于控制元素的堆疊順序。它是遞減的，值越大的元素會(huì)顯示在越上面。