在網頁開發中，CSS是一個非常重要的工具，可以用來美化頁面的樣式和布局。其中一個常用的技巧是把一個圖片放在另一個圖片上面，這樣可以實現一些很酷的效果。下面是實現這個技巧的步驟。

首先，需要在HTML中插入兩個圖片，分別作為底層圖片和上層圖片。代碼如下：

<div id="container">
<img src="bottom.jpg" id="bottom">
<img src="top.png" id="top">
</div>

其中，container是一個包括兩張圖片的容器，bottom是底層圖片，top是上層圖片。

接下來，需要使用CSS來控制上層圖片的位置和透明度。代碼如下：

#container {
position: relative;
}
#top {
position: absolute;
top: 20px;
left: 20px;
opacity: 0.5;
}

這里使用了position: relative來讓container成為相對定位的容器，以便讓top相對于container定位。同時，position: absolute讓top相對于container的位置是絕對定位的。使用top和left屬性來控制top的位置。使用opacity屬性來控制透明度，值為0-1之間的數字，這里設置為0.5。

最后，需要確保上層圖片覆蓋底層圖片。可以使用z-index屬性來控制層級關系。代碼如下：

#bottom {
position: relative;
z-index: 1;
}
#top {
position: absolute;
top: 20px;
left: 20px;
opacity: 0.5;
z-index: 2;
}

這里給bottom設置了z-index: 1，給top設置了z-index: 2，確保top覆蓋在bottom上面。

通過以上步驟，就可以實現在圖片上放置另一張圖片的效果了。可以根據具體需求調整圖片的位置、大小和透明度等屬性來達到更好的效果。