CSS圖片重合技巧

在CSS中，我們可以使用***定位（absolute positioning）或者相對定位（relative positioning）來實現(xiàn)兩個圖片的重合，這里，我們將使用***定位作為示例。

我們需要將兩個圖片分別放置在不同的div中，并為每個div設置相應的CSS樣式。

HTML代碼：

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

CSS代碼：

.image-container {
    position: absolute;
    top: 0;
    left: 0;
}

在這個示例中，我們?yōu)閮蓚€圖片分別設置了***定位，并將它們放置在頁面的左上角（top: 0; left: 0;），你可以根據(jù)需要調整這些值，以改變圖片在頁面中位置，這種方法可以使得兩個圖片完全重合在一起，如果你想要實現(xiàn)部分重合，可以通過調整透明度（opacity）或者遮罩（mask）來實現(xiàn)。