CSS 置于最上層層級，可以使用 z-index 屬性來實現。在 CSS 中，每個元素默認都有一個層級的概念，層級越高的元素就會覆蓋在層級更低的元素之上。而 z-index 屬性就是用來控制元素層級的。 假設我們有一個 HTML 文檔，其中有兩個元素，它們的層級是相同的，那么它們的顯示順序就取決于它們在 HTML 中的位置。

第一個元素

第二個元素

如果我們想讓第一個元素覆蓋在第二個元素之上，可以增加第一個元素的 z-index 值：

第一個元素

第二個元素

這樣，第一個元素就會覆蓋在第二個元素之上，背景色變成了紅色。 需要注意的是，只有在元素定位屬性為 absolute、fixed 或 relative 時，z-index 才會生效。否則，元素的層級就會保持默認的順序。

在這個例子中，我們通過設置 top 的 z-index 為 1，讓它覆蓋在了 bottom 之上。同時，為了讓元素定位有效，還設置了 box 的 position 為 relative。最終，頁面上顯示的結果是 top 覆蓋了 bottom，呈現出一個半透明的紅色框。