當我們在網頁開發(fā)中使用 CSS 的時候，有時候需要把某個控件顯示在最上層，這樣可以保證用戶的操作不被其他控件遮擋。那么怎樣才能實現(xiàn)這個效果呢？下面我們來看看。

/* CSS */
.top-layer {
position: absolute;
z-index: 9999;
}

在上面的 CSS 代碼中，我們給需要顯示在最上層的控件添加一個 class 名稱為 top-layer，并給這個控件設置了 position 為 absolute，這樣就可以讓它獨立于其他元素并且可以隨意擺放。然后我們給這個控件設置了 z-index 值為 9999，這個值代表了層級的高低，數(shù)字越大，層級就越高。這樣就可以讓這個控件顯示在最上層了。

需要注意的是，如果一個控件沒有定位（如：position 屬性為 static），那么就無法使用 z-index 屬性來控制它的層級，這時候需要給它設置 position 屬性值為 relative、absolute 或 fixed，才能使用 z-index 屬性。此外，如果兩個控件的 z-index 屬性值相同，那么它們的層級就會根據(jù)出現(xiàn)在 HTML 代碼中的位置來決定，后出現(xiàn)的在上層。