在網頁設計中，我們常常需要讓不同的圖片在同一位置重合。這種情況下，我們可以使用CSS中的絕對定位來實現(xiàn)。

img{
position: absolute;
top: 0;
left: 0;
}

上述代碼將圖片的定位設置為絕對定位，并將其相對于父元素的左上角定位。如果我們想讓多個圖片重合，我們可以將它們的定位都設置為相同的值。

img{
position: absolute;
top: 0;
left: 0;
z-index: 1; /* 層級為1 */
}
img:nth-child(2){  /* 選擇第二個圖片 */
z-index: 2;    /* 層級為2，覆蓋在第一個圖片上 */
}
img:nth-child(3){ /*選擇第三個圖片 */
z-index: 3;   /* 層級為3，覆蓋在前面圖片上 */
}

上述代碼中，我們?yōu)槊總€圖片設置不同的層級，從而實現(xiàn)了讓圖片重合的效果。這種方法可以在需要同時顯示多個圖片時非常有用，如在輪播圖或畫廊等場景中。