在編寫 CSS 樣式表時，有時需要設置某個元素的層級最高，這可以通過設置 z-index 屬性來實現。在 CSS 中，z-index 屬性用于控制元素的顯示順序，數值越大的元素會顯示在數值較小的元素之上。
設置 z-index 屬性時，需要注意以下幾點：
（1）z-index 屬性只對定位元素（position 屬性值為 relative、absolute、fixed）起作用，因為只有定位的元素才會創建層疊上下文。 （2）z-index 屬性的默認值為 auto，如果沒有手動設置該屬性，則元素會按照其在 HTML 文檔中的順序排列。 （3）在同一層疊上下文中，若多個元素的 z-index 值相同，則按照其在 HTML 文檔中的順序排列。 （4）在不同層疊上下文中，z-index 的比較是無意義的，因為不同的層疊上下文會分別形成自己的層疊順序。
以上是設置 z-index 屬性的一些注意事項，下面是一個實例代碼：
<!DOCTYPE html>
<html>
<head>
<title>設置層級最高的元素</title>
<style>
.box {
position: relative;
z-index: 1;
}
.box .inner-box {
position: relative;
z-index: 2;
}
</style>
</head>
<body>
<div class="box">
<p>我是外層盒子</p>
<div class="inner-box">
<p>我是內層盒子</p>
</div>
</div>
</body>
</html>在上面的代碼中，外層的盒子（class="box"）設置了 z-index 為 1，內層的盒子（class="inner-box"）設置了 z-index 為 2。這樣，內層盒子的層級就會覆蓋外層盒子的層級，使內層盒子顯示在外層盒子之上。