在前端開發中，css的z-index被用來控制網頁元素的層疊關系。以下是一些關于z-index用法的介紹。

1. z-index只對于position為relative、absolute或fixed的元素生效。

position: absolute;
z-index: 1;

2. z-index數值越大，元素就越出現在頂層。

z-index: 10;
z-index: 20;

3. 如果父元素的z-index值小于子元素，子元素將會覆蓋父元素。

父元素 {
position: relative;
z-index: 1;
}
子元素 {
position: absolute;
z-index: 2;
}

4. z-index數值為負數的元素會被放在正數z-index元素的下面。

z-index: -1;

5. 默認情況下，元素的z-index值為auto。

z-index: auto;

6. 如果兩個元素的z-index值相同，后面的元素會出現在上層。

.元素1, .元素2 {
position: absolute;
z-index: 1;
}

總之，z-index可以幫助我們排列網頁元素的先后順序，讓我們的網頁看起來更加美觀。學會使用z-index在開發中會非常有用。