z-index是CSS屬性中的一個(gè)很重要的屬性，它用來控制元素在z軸上的層疊順序。

在HTML中，元素都是以矩形的形式呈現(xiàn)的。在某些情況下，可能會(huì)存在多個(gè)元素重疊在一起。這時(shí)，z-index就能夠幫我們控制它們?cè)趯盈B順序上的顯示。

z-index的取值可以是正數(shù)、負(fù)數(shù)或0。正數(shù)表示優(yōu)先級(jí)更高，會(huì)被優(yōu)先顯示，負(fù)數(shù)則表示優(yōu)先級(jí)更低，會(huì)被后面的元素覆蓋，0則表示默認(rèn)的層疊順序。

.box {
position: absolute;
width: 200px;
height: 200px;
background-color: #f00;
z-index: 1;
}
.box2 {
position: absolute;
width: 100px;
height: 100px;
background-color: #0f0;
left: 50px;
top: 50px;
z-index: 2;
}

在以上的代碼中，.box2元素會(huì)被置于.box元素的上面，因?yàn)樗膠-index值更高。

需要注意的是，只有在元素的position屬性設(shè)置為relative、absolute或fixed時(shí)，z-index才會(huì)生效。如果元素的position屬性值為static，則z-index不會(huì)起作用。

在實(shí)際開發(fā)中，合理使用z-index能夠讓頁面展示更加流暢自然。但是過度地使用z-index、層疊過多元素可能會(huì)影響網(wǎng)站的響應(yīng)速度，所以需要謹(jǐn)慎使用。