CSS中的z坐標控制元素在縱向上的排列順序，通過z-index屬性可以設置元素在堆疊上下文中的高度。默認情況下，元素的z-index值為auto，這意味著它們按照它們在HTML源代碼中出現的順序堆疊。

div {
position: relative;
z-index: 1;
}

在上面的例子中，z-index值為1的元素會覆蓋z-index值為0的元素。如果兩個元素具有相同的z-index值，它們按照它們在HTML源代碼中出現的順序堆疊。

div.top {
position: relative;
z-index: 2;
}
div.bottom {
position: relative;
z-index: 1;
}

在上面的例子中，div.top的z-index值為2，div.bottom的z-index值為1，div.top將會覆蓋div.bottom。

在使用z-index時需要注意以下幾點：

• 只有定位元素(position屬性的值為relative、absolute或fixed)的z-index才能生效；
• z-index值可以為正數、負數或0；
• 嵌套元素的層疊順序由內向外計算。