在網頁設計中，經常需要使用css來調整圖片的位置與大小。有時候，我們需要將兩張圖片重合。這種情況下，我們可以使用css的position屬性來實現。

首先，我們需要在HTML文件中插入兩張圖片。代碼如下：

<div class="container">
<img src="image1.jpg" alt="Image 1">
<img src="image2.jpg" alt="Image 2">
</div>

上面的代碼中，我們使用了一個容器div來包含兩張圖片。接下來，我們需要在css中設置這兩張圖片的位置。

.container {
position: relative;
}
.container img:nth-child(1) {
position: absolute;
top: 0;
left: 0;
}
.container img:nth-child(2) {
position: absolute;
top: 0;
left: 0;
}

在上面的代碼片段中，我們首先將容器的position屬性設置為relative。接著，我們使用nth-child選擇器來選中第一張圖片和第二張圖片，并將它們的position屬性設置為absolute，表示它們會相對于容器進行定位。最后，我們將它們的top和left屬性都設置為0，這樣它們就會重合在一起。

如果我們想要讓其中一張圖片在另一張圖片的上面，我們只需要在css中將它的z-index屬性設置為一個較大的值。例如：

.container img:nth-child(1) {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.container img:nth-child(2) {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

在上面的代碼中，我們將第一張圖片的z-index屬性設置為1，將第二張圖片的z-index屬性設置為2。這樣，第二張圖片就會在第一張圖片的上面。