css中如何将照片重叠

标签，设置该容器的定位方式为relative，这是因为要将内部照片的定位方式设置为absolute时，以该容器为参考点。
接着，对每一张内部照片都设置定位方式为absolute，并设置top、left等定位属性，将它们放置到合适的位置。这里需要注意的是，如果多个照片都具有相同的Z轴值，则它们会按照HTML代码中的顺序层叠，后面的会盖住前面的。如果要控制照片的层叠顺序，可以通过z-index属性来设置。
最后，提供一份示例代码，使用了五张照片进行重叠，并设置了第二张和第四张照片的Z轴值，使它们在最上层：

<div class="container">
  <img src="photo1.jpg" alt="photo1" class="photo">
  <img src="photo2.jpg" alt="photo2" class="photo top">
  <img src="photo3.jpg" alt="photo3" class="photo">
  <img src="photo4.jpg" alt="photo4" class="photo top">
  <img src="photo5.jpg" alt="photo5" class="photo">
</div>
<br>
<style>
.container {
  position: relative;
}
.photo {
  position: absolute;
}
.top {
  z-index: 1;
}
</style> 

在上述代码中，使用了class属性来标记容器、照片以及需要在最上层的照片，可以根据实际需求对样式进行调整。使用pre标签可以让代码更加清晰易读，方便学习和维护。