在網(wǎng)頁開發(fā)中，CSS是非常重要的一部分，它能夠控制網(wǎng)頁元素的樣式和布局。而在控制頁面的顯示層級方面，CSS也扮演了重要的角色。

CSS提供了一個z-index屬性來管理元素的顯示層級。z-index屬性是一個數(shù)字，它指定了元素在屏幕上的位置。較小的z-index值表示元素會被較高地呈現(xiàn)，較大的z-index值表示元素會被較低地呈現(xiàn)。當(dāng)兩個元素的z-index相同時，它們的先后順序由它們在HTML文檔中的先后順序確定。

下面是一個使用z-index屬性提高層級的例子：

<div class="layer1">
<p>這是第一層</p>
</div>
<div class="layer2">
<p>這是第二層</p>
</div>
<div class="layer3">
<p>這是第三層</p>
</div>
<strong>
.layer1 {
background-color: red;
width: 100px;
height: 100px;
position: absolute;
z-index: 1;
}
.layer2 {
background-color: blue;
width: 150px;
height: 150px;
margin-top: 50px;
margin-left: 50px;
position: absolute;
z-index: 2;
}
.layer3 {
background-color: green;
width: 200px;
height: 200px;
margin-top: 100px;
margin-left: 100px;
position: absolute;
z-index: 3;
}
</strong>

在這個例子中，我們在HTML中定義了三個div元素，他們被命名為layer1、layer2和layer3。在CSS中，我們可以使用z-index屬性來指定它們的顯示層級。我們設(shè)置.layer1的z-index屬性為1，.layer2的z-index屬性為2，.layer3的zindex屬性為3。這樣，我們就將這三個div元素按照層級順序呈現(xiàn)到了屏幕上。

使用z-index屬性可以很好地調(diào)整頁面元素的顯示層級，在網(wǎng)頁布局和設(shè)計中非常重要。然而，它的使用應(yīng)該謹(jǐn)慎，因為如果使用不當(dāng)，可能會導(dǎo)致一些意想不到的結(jié)果。因此，我們需要在使用z-index屬性時特別注意。