CSS中的z-index屬性是控制元素圖層位置的必備屬性，它可以決定元素在垂直方向上的布局層級。

在CSS中，每個元素都有一個默認的z-index值，這個值是auto，也就是說，元素的布局層級根據HTML文檔的順序來決定，后面的元素會覆蓋前面的元素。如果我們需要調整元素的圖層位置，可以給元素添加z-index屬性，并給其賦予數值。

在使用z-index屬性時，我們需要注意幾點：

/* 給元素設置z-index */
.element {
z-index: 2;
}

1. z-index只對定位元素有效。在使用z-index之前，需要先將元素定位，即position屬性需要為relative、absolute或fixed。

/* 將元素定位 */
.element {
position: relative;
}

2. z-index數值越大，圖層位置越高。當兩個元素發生覆蓋時，z-index值大的元素會處于上層。

/* 前面的元素被后面的元素覆蓋 */
.element1 {
z-index: 1;
}
.element2 {
z-index: 2;
}

3. z-index只能在同一層（即同一個父元素下）進行比較。如果兩個元素不在同一個父元素下，那么它們的z-index值就無法比較。

/* 兩個元素不在同一層，z-index值無法比較 */
.parent1 .element {
z-index: 1;
}
.parent2 .element {
z-index: 2;
}

通過掌握z-index屬性的使用，可以更好地控制頁面元素的圖層位置，從而達到更好的頁面效果。