我們經常需要在網頁設計中將圖片放置在另一張圖片上面，用CSS實現這一效果非常簡單。

.img-container {
position: relative;
}
.img-container img {
width: 100%;
height: auto;
}
.img-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

首先，我們需要將圖片容器設置為相對定位（relative），這樣我們可以在容器內創建絕對定位的元素。然后，我們需要為要放置在另一張圖片上方的圖片創建一個新的元素，并將其設置為絕對定位（absolute）。接下來，我們可以使用top和left屬性將其定位在原始圖片上的適當位置上。如果需要使其位于原始圖片的中心位置，則可將其top和left屬性都設置為50%并使用transform屬性進行水平和垂直居中。最后，我們可以將疊加圖片的z-index屬性設為高于原始圖片，以確保它始終處于上層。