CSS 堆疊順序控制代碼是什么？CSS 堆疊順序是 CSS 中控制元素顯示層次關(guān)系的方式。在網(wǎng)頁(yè)中，如果多個(gè)元素重疊在一起，如何確定它們的顯示順序？這時(shí)就需要用到 CSS 堆疊順序來(lái)控制了。

/* CSS 堆疊順序的屬性及默認(rèn)值 */
z-index: auto; /* 默認(rèn)值是 auto */
/* z-index 的值 */
- 正整數(shù)，數(shù)值越大，顯示越靠上
- 負(fù)整數(shù)，數(shù)值越小，顯示越靠下
- auto，應(yīng)用默認(rèn)順序，相當(dāng)于其父元素的 z-index 值（如果有父元素）
/* 示例代碼 */
.box1{
z-index: 2;
background-color: red;
position: relative;
}
.box2{
z-index: -1;
background-color: blue;
position: relative;
}
.box3{
z-index: auto;
background-color: green;
position: relative;
}

在上面的代碼中，三個(gè)盒子元素分別用 z-index 屬性進(jìn)行了堆疊順序的控制。其中，box1 元素的 z-index 值最大，因此會(huì)被放在最上面顯示；box2 元素的 z-index 值最小，因此會(huì)被放在最下面顯示；box3 元素的 z-index 值設(shè)置為 auto，即應(yīng)用默認(rèn)順序，顯示在其父元素的 z-index 值上。

需要注意的是，z-index 只對(duì)具有定位（position）屬性的元素起作用，因此需要在 CSS 中為元素設(shè)置 position 屬性并指定其值為 relative、absolute 或 fixed。