在Web開發中，我們經常會遇到需要將兩張圖片重疊疊放置的情況。這種情況下，我們可以使用CSS來實現圖片重疊疊的效果。

<div style="position:relative">
<img src="img1.jpg" style="position:absolute;top:0;left:0">
<img src="img2.jpg" style="position:absolute;top:0;left:0">
</div>

首先，我們創建一個包含兩張圖片的父級div，設置它的position為relative。然后，我們將其中的每一張圖片都設置為position:absolute，并且top和left坐標都為0，使得圖片重疊疊放置在一起。

此外，我們還可以通過z-index屬性來控制圖片的堆疊順序。z-index值越大的元素，就會出現在z-index值較小的元素之上。因此，我們可以將某一張圖片的z-index值設為負數，使得它位于其它圖片的下方。

<div style="position:relative">
<img src="img1.jpg" style="position:absolute;top:0;left:0">
<img src="img2.jpg" style="position:absolute;top:0;left:0;z-index:-1">
</div>

在這個例子中，我們將第二張圖片的z-index值設為-1，使得它位于第一張圖片的下方。這樣，兩張圖片就會重疊疊放置在一起，同時保證第二張圖片不會遮擋住第一張圖片的內容。

通過使用CSS，我們可以輕松實現圖片重疊疊的效果，以達到更好的視覺效果和用戶體驗。