在網(wǎng)頁(yè)設(shè)計(jì)中，CSS 的z-index屬性是非常重要的。它可以控制 HTML 元素的層疊順序，也就是它們?cè)谄聊簧系那昂笪恢谩?/p>

具體來(lái)說(shuō)，z-index屬性接受一個(gè)整數(shù)值作為參數(shù)。值越大的元素在屏幕上顯示得越靠上（或者說(shuō)更接近用戶）。因此，z-index可以使我們透過(guò)某個(gè)元素看到其下方的元素，也可以使某個(gè)元素位于其他元素的上方。

/* 以下代碼演示了如何使用 z-index */
#element1 {
background-color: blue;
width: 150px;
height: 150px;
position: absolute;
top: 50px;
left: 50px;
z-index: 1; /* 將元素 1 放在元素 2 的后面 */
}
#element2 {
background-color: red;
width: 100px;
height: 100px;
position: absolute;
top: 75px;
left: 75px;
z-index: 2; /* 將元素 2 放在元素 1 的前面 */
}

在上述代碼中，我們使用了兩個(gè)絕對(duì)定位的 div 元素，它們的樣式分別如上所示。根據(jù)z-index的定義，我們將元素 2 的層疊順序設(shè)置成了比元素 1 更高的值。這樣，就可以讓元素 2 覆蓋在元素 1 的上方。

需要注意的是，z-index只會(huì)影響定位元素的層疊順序。如果一個(gè)元素沒(méi)有設(shè)置position屬性或者設(shè)置成了 static，則無(wú)論它的z-index值是多少，都不會(huì)對(duì)其他元素產(chǎn)生影響。

總結(jié)來(lái)說(shuō)，z-index是控制元素層疊順序的重要屬性，可以讓我們?cè)诓季种袑?shí)現(xiàn)不同的效果。但是需要注意，這種效果只適用于定位元素。