CSS中的z-index屬性是一個控制層級的重要屬性，它可以用來控制盒子的垂直疊疊順序。在網頁設計中，有時會需要將不同的元素按照不同的層級進行疊放，以達到視覺上的效果，這時候就需要用到z-index屬性。

z-index屬性可以接收一個整數值，并按照從小到大的順序設定盒子的層級，數值越大的盒子越在上層。當數值相同時，后面出現的盒子將覆蓋前面的盒子。

下面是一個簡單的例子：

<style>
#box1 {
z-index: 1;
background-color: red;
position: relative;
}
#box2 {
z-index: 2;
background-color: blue;
position: relative;
left: 50px;
top: 50px;
width: 200px;
height: 200px;
}
#box3 {
z-index: 3;
background-color: green;
position: absolute;
left: 100px;
top: 100px;
width: 200px;
height: 200px;
}
</style>
<div id="box1">Box 1</div>
<div id="box2">Box 2</div>
<div id="box3">Box 3</div>

在這個例子中，box2和box3都有z-index屬性，但是他們的數值不同，因此box2會覆蓋box1，box3會覆蓋box2。

需要注意的是，只有按照position屬性設置了相對定位（relative）、絕對定位（absolute）或固定定位（fixed）的元素，z-index屬性才會生效。如果一個元素沒有設置這些屬性，那么z-index屬性將不起作用。