CSS中疊加兩張圖片的方法

在CSS中，您可以使用***定位或相對(duì)定位將兩張圖片疊加在一起，以下是使用***定位實(shí)現(xiàn)圖片疊加的示例代碼：

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: 200px;
}
.image1 {
  position: absolute;
  top: 0;
  left: 0;
}
.image2 {
  position: absolute;
  top: 0;
  left: 0;
}

在上面的代碼中，我們創(chuàng)建了一個(gè)名為image-container的容器，并設(shè)置了它的寬度和高度，我們將兩張圖片分別設(shè)置為***定位，并讓它們重疊在一起，您可以根據(jù)需要調(diào)整圖片的top、left、right和bottom屬性，以改變圖片在容器中的位置。

這種方法僅適用于圖片大小相同或相似的情況，如果圖片大小不同，您可能需要使用其他方法進(jìn)行調(diào)整，以確保它們能夠正確地疊加在一起。