CSS中重疊兩張圖片的方法

在CSS中，我們可以通過設(shè)置圖片的position屬性來實(shí)現(xiàn)圖片的疊加效果，以下是一個(gè)簡單的示例：

HTML代碼：

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

CSS代碼：

.image-container {
    position: relative;
    width: 300px;
    height: 300px;
}
.image1 {
    position: absolute;
    top: 0;
    left: 0;
}
.image2 {
    position: absolute;
    top: 0;
    left: 0;
}

在上面的示例中，我們創(chuàng)建了一個(gè)名為image-container的容器，并設(shè)置了它的寬度和高度，我們將兩個(gè)圖片分別設(shè)置為image1和image2，并將它們的position屬性設(shè)置為absolute，這意味著它們將相對于其***近的定位祖先（在本例中為image-container）進(jìn)行定位，我們將image2放在image1的上方，因此它會(huì)覆蓋在image1上，您可以根據(jù)需要調(diào)整圖片的堆疊順序。