CSS重疊圖片是將多個圖片重疊在一起顯示，而不是分離顯示。這可以讓我們在網頁設計中創建更加豐富和復雜的圖形效果。

/* CSS代碼 */
.img {
position: relative;
background: url('img1.jpg');
}
.img:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('img2.jpg');
opacity: 0.5;
}

上述代碼中，我們創建了一個class為“img”的元素，并將其相對定位，同時設置了一個背景圖片。接著，我們通過:before偽元素在該元素前面又添加了一個圖片，并將其透明度設置為0.5，這樣就可以讓兩個圖片重疊在一起顯示了。

需要注意的是，我們在:before偽元素中設置的圖片必須設置寬和高，否則圖片將無法顯示出來。

此外，通過在:before偽元素中設置不同的背景圖片和不同的透明度，我們可以創建多個重疊的圖片，從而實現更加復雜的效果。

總之，CSS重疊圖片是一種非常有用的技術，可以幫助我們創建更加豐富和精美的網頁設計效果。