[分享]css中怎么实现图片叠加

在CSS中，我们可以通过使用position属性和z-index属性来实现图片叠加效果。

//HTML代码
<div class="photo-container">
  <img class="photo" src="photo1.jpg">
  <img class="photo" src="photo2.jpg">
</div>

//CSS代码
.photo-container {
  position: relative;
}
.photo {
  position: absolute;
}

.photo:nth-child(1) {
  z-index: 1;
}

.photo:nth-child(2) {
  z-index: 2;
} 

以上代码中，我们创建了一个div容器，将两张图片放置于其中。将容器的position属性设置为relative，图片的position属性设置为absolute，这样图片就可以脱离文档流，可以自由定位。

我们通过设置z-index属性来控制图片的叠放顺序，z-index数值越高，图片就越优先被显示。