CSS 疊加圖片是一個常見的需求，下面將介紹如何使用 CSS 實現圖片的疊加效果。 首先，我們需要制作一個容器元素，這個元素將包含兩張圖片，并設置它的 position 屬性為 relative，這樣它的子元素可以使用它作為定位的參照。

.container {
position: relative;
}

然后，我們需要添加兩張圖片，并在 CSS 中設置它們的 position 屬性為 absolute，并配合 top、left、right、bottom 屬性來控制它們的位置。

.container img {
position: absolute;
}
.container img.top {
/* 控制上層圖片的位置 */
top: 0;
left: 0;
}
.container img.bottom {
/* 控制下層圖片的位置 */
bottom: 0;
right: 0;
}

最后，我們可以通過設置 z-index 屬性，來控制哪張圖片在上層顯示。

.container img.top {
z-index: 1;
}
.container img.bottom {
z-index: 0;
}

通過以上步驟，我們就可以完成圖片的疊加效果了。

上述的 CSS 代碼如下：

.container {
position: relative;
}
.container img {
position: absolute;
}
.container img.top {
top: 0;
left: 0;
z-index: 1;
}
.container img.bottom {
bottom: 0;
right: 0;
z-index: 0;
}