css中怎把图片重叠

在CSS中，我们可以利用z-index属性来控制元素的层叠顺序和重叠位置。当需要在页面中重叠多张图片时，通过设置z-index的值，可以清晰地确定每一张图片的叠放顺序。
具体来说，我们可以为每一张图片添加一个相同的CSS类，并指定它们的position属性为absolute或fixed，以便将它们脱离文档流，并可以随意设置它们的坐标。接着，通过设置它们的z-index属性，使它们形成重叠的效果。
例如，以下代码演示了如何通过CSS将两张图片重叠在一起：

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

.img1 {
  z-index: 1;
}

.img2 {
  z-index: 2;
} 

下面是HTML代码：

<img class="img img1" src="image1.png" />
<img class="img img2" src="image2.png" /> 

其中，img类设置了定位属性为absolute，这样可以使图片脱离文档流，不占用页面空间。img1它的z-index属性设置为1，img2的z-index属性设置为2，这样，img2就会重叠在img1的上方。
总结起来，利用CSS的z-index属性，我们可以轻松控制多张图片的重叠效果。当需要改变它们的叠放顺序时，只需简单地调整它们的z-index值即可。