CSS中有一種非常炫酷的效果，就是圖片疊加。通過將一張圖片疊加在另外一張圖片上，可以讓界面看起來更加生動有趣。

.container {
position: relative;
width: 300px;
height: 300px;
}
.img1 {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.img2 {
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0.5;
}

首先，我們需要一個帶有相對定位的容器。然后，在容器中放置兩個圖片，并分別定義類名為img1和img2。

對于img1類，我們將其position屬性設置為absolute，并設置其top和left屬性為0，使其與容器左上角對齊。因為我們想讓img2疊加在img1之上，所以我們將img1的z-index值設為1。

對于img2類，我們也將其position屬性設置為absolute，并設置其top和left屬性為0。我們還將它的z-index值設為2，使它位于img1之上。為了讓img2半透明，在其opacity屬性中設置0.5的值即可。

通過這樣的設置，我們就可以實現圖片的疊加效果了。當然，如果需要更加復雜的效果，可以進一步調整CSS屬性，滿足自己的需求。