在網頁設計中，我們常常需要將文字或者圖片置于頁面的頂層，這樣可以讓視覺效果更加突出。在CSS中，我們可以使用z-index屬性來實現這一功能。
首先，在HTML中，我們需要在需要進行置頂的文字或者圖片的標簽中添加一個class，比如我們可以命名為“top-layer”。
然后，在CSS中，我們針對這個class來設置z-index屬性，將它的值設為一個比其他元素更高的數字，比如999。這樣就可以讓該元素顯示在其他元素的頂部了。
示例代碼如下：

.top-layer {
position: relative;
z-index: 999;
}

需要注意的是，只有使用了定位屬性（position）的元素才能使用z-index屬性。因此，我們在設置top-layer類的樣式時，還需要添加position: relative;。
此外，如果頁面中存在多個需要置頂的元素，它們之間的z-index值也需要進行區分，不能都設為同一個數字。通常，我們會將數字設置為以10或100的倍數，以便于調整。
綜上所述，使用CSS的z-index屬性可以輕松實現文字或圖片置于頁面頂層的效果，讓網頁視覺效果更加突出。