在CSS中，我們可以使用z-index屬性來控制元素的堆疊順序。默認情況下，HTML中的元素按照它們在HTML中出現的順序進行堆疊，后出現的元素會遮擋先出現的元素。

但是，如果我們想要將一張圖片放置在另一張圖片之上呢？可以使用以下兩個步驟實現疊加效果：

/* 第一步：設置父元素為相對定位 */
.parent{
position: relative;
}
/* 第二步：設置要疊加的圖片為絕對定位 */
.child{
position: absolute;
top: 10px; /* 控制圖片位置 */
left: 10px;
z-index: 1; /* 控制疊加順序 */
}

在上面的代碼中，我們首先將父元素設置為相對定位，這樣里面的子元素將按照父元素的位置進行定位。然后我們將要疊加的圖片設置為絕對定位，并且設置了一個z-index屬性，這個屬性控制了元素的堆疊順序，數值越大的元素將會被放置在數值較小的元素之上。

通過這兩個步驟，我們就可以將一張圖片放置在另一張圖片之上，實現圖片疊加效果。