在 CSS 中，z-index 是一個用來控制元素在層級上顯示的屬性。z-index 值越大的元素會顯示在 z-index 值較小的元素上方。

通常情況下，HTML 中的元素是按照默認的層級關系進行顯示的，也就是從上往下依次疊放。如果需要調整元素的層級關系，就可以使用 z-index 屬性。

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

在上面的示例代碼中，.example 元素的 z-index 值為 2，.another-example 元素的 z-index 值為 1。因此，.example 元素會在 .another-example 元素上方顯示。

需要注意的是，只有使用了定位屬性（position）的元素才能夠使用 z-index 屬性。如果沒有使用定位屬性，那么 z-index 將無法生效。

在某些情況下，多個元素可能會出現重疊的情況。此時，可以利用 z-index 屬性來調整這些元素的顯示順序，從而避免元素之間的遮蓋。

總之，z-index 是一個非常有用的屬性，可以幫助我們調整元素在層級上的顯示順序，提高頁面的可讀性和美觀程度。