在CSS中，

z-index

屬性用于指定元素的層疊順序，即元素在屏幕上的疊放位置。它的取值可以是一個整數、auto或inherit。其中，整數值越大的元素層疊順序越靠上。

一個元素的層疊順序不僅取決于它自身的層疊屬性，還受到父元素、兄弟元素和祖先元素等的影響。為了避免出現不可預期的層疊效果，我們需要注意層疊屬性的繼承、作用域、覆蓋和混合等細節。

/* 示例代碼 */
.container {
z-index: 10;
}
.box {
position: absolute;
z-index: 1;
}

在上面的示例中，

.container

元素的層疊順序是10，而

.box

元素的層疊順序是1。雖然后者的z-index值比前者小，但是它采用了

position: absolute

屬性，它的層疊順序會優先于沒有定位屬性的元素。

需要注意的是，

z-index

屬性只對定位元素有效，即這些元素使用

position: absolute

、

position: relative

或

position: fixed

中的一種。如果一個非定位元素設置了z-index值，它將會被忽略。

總之，

z-index

屬性是CSS中非常重要的一項，我們需要在實際開發中靈活運用它來控制元素的層疊顯示效果。