CSS中設置圖片層疊順序是一項非常重要的技能。通過設置層疊順序，我們可以控制圖片在文檔中顯示的位置和優(yōu)先級。當一個頁面上有多個圖片時，我們可以通過設置層疊順序讓它們顯示在合適的位置。

設置圖片層疊順序可以使用CSS中的z-index屬性。這個屬性是一個整數(shù)值，表示圖片在層疊順序中的位置。z-index值越大，圖片在層疊順序中的位置越高，也就意味著它可以遮蓋在z-index值較小的圖片之上。

img {
position: relative;
z-index: 1;
}
img.top {
position: relative;
z-index: 2;
}

在上面的代碼中，我們首先使用了相對定位（position: relative）來使圖片具有位置屬性。然后，我們設置了z-index值。在這個例子中，我們將第一張圖片的z-index值設置為1，第二張圖片的z-index值設置為2。

通過這個設置，第二張圖片會覆蓋在第一張圖片之上，因為它的z-index值更高。

需要注意的是，z-index屬性只能應用于已經定位的元素（position: absolute、position: relative、position: fixed或position: sticky）。對于未定位的元素，z-index屬性是不起作用的。

設置圖片層疊順序是CSS中非常重要的一個技能。它可以讓我們更好地控制頁面中多個圖片的顯示效果，提高頁面的視覺效果和用戶體驗。