在網頁開發中，經常需要使用CSS來對圖片進行處理，如圖片上疊加另一張圖片。下面我們就來學習一下如何使用CSS來實現這一效果。

.container {
position: relative;
}
.image1 {
position: absolute;
top: 0;
left: 0;
}
.image2 {
position: absolute;
top: 0;
left: 0;
}

上面的代碼中，我們首先需要將圖片所在的容器設置為relative定位。然后分別設置兩張圖片為absolute定位，并讓它們的位置都相對于容器的左上角。接下來我們可以在HTML中書寫以下代碼：

<div class="container">
<img src="image1.jpg" alt="image1" class="image1">
<img src="image2.png" alt="image2" class="image2">
</div>

在瀏覽器中，我們將會看到第二張圖片部分遮蓋了第一張圖片，達到了疊加效果。

除此之外，我們也可以為疊加的圖片添加一些透明度或其他效果，從而使這個效果更加炫酷。這里就不再贅述。