CSS圖片疊加圖片上面怎么弄

在CSS中，可以使用position屬性將一張圖片疊加在另一張圖片上面，以下是一個簡單的示例：

<div style="position: relative;">
  <img src="image1.png" style="position: absolute; top: 0; left: 0;">
  <img src="image2.png" style="position: absolute; top: 0; left: 0;">
</div>

在這個示例中，image1.png和image2.png都將被疊加在一起。position: relative;使得內(nèi)部的圖片可以相對于外部容器進行定位。position: absolute;則使得圖片可以相對于***近的已定位祖先元素（在本例中為div）進行定位。top: 0; left: 0;將圖片定位在容器的左上角。

如果你想要改變疊加圖片的位置，可以通過調(diào)整top和left的值來實現(xiàn)，如果你想要將image2.png疊加在image1.png的上面，可以將image2.png的top值設(shè)置為一個負數(shù)，如：

<div style="position: relative;">
  <img src="image1.png" style="position: absolute; top: 0; left: 0;">
  <img src="image2.png" style="position: absolute; top: -50px; left: 0;">
</div>

在這個示例中，image2.png將疊加在image1.png的上面，并且距離image1.png的頂部邊緣50像素。

這種方法僅適用于將圖片疊加在另一個圖片上面，并且兩個圖片的尺寸應(yīng)該相同或者相似，如果你想要將圖片疊加在一個背景圖像上面，或者需要更復(fù)雜的圖片疊加效果，可能需要使用其他的方法或者技術(shù)。