img:first-child {
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
img:last-child {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}如以上代码所示，大家可以通过两个img标签来叠加两张图片。其中第一个img标签的z-index属性值为0，第二个img标签的z-index属性值为1。这样第二个img标签就会显示在第一个img标签上面。
需要注意的是，使用position属性叠加图像时，需要注意叠加元素的定位方式。如当父元素的position属性值为static时，其子元素的position属性值是无效的，需要将其父元素的position属性值设置为relative或其他值。
除了使用position属性，大家还可以使用background属性来实现图像的叠加。在使用background属性时，大家需要给元素设置背景颜色或背景图像，并使用background-blend-mode属性来控制背景的叠加模式。
div {
background: url("image1.jpg"), url("image2.jpg");
background-blend-mode: multiply;
}如以上代码所示，大家可以通过给元素设置两个背景图像来实现图像的叠加。其中background-blend-mode属性值为multiply表示使用色彩相乘的方式来叠加背景。
综上所述，CSS提供了多种方式来实现图像的叠加效果。在实际应用中，大家可以根据需要选择不同的叠加方式来满足设计需求。