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

在网页设计中，经常需要使用图片来美化网页，同时又需要把图片放置到文字之上，这时候就需要用到图片叠加。在CSS中，可以通过zindex属性来实现图片叠加效果。示例代码如下：.img1 { : absol...

在网页设计中，经常需要使用图片来美化网页，同时又需要把图片放置到文字之上，这时候就需要用到图片叠加。在CSS中，可以通过z-index属性来实现图片叠加效果。

示例代码如下：

.img1 {
  position: absolute; 
  top: 0; 
  left: 0; 
  z-index: 1; 
}

.img2 {
  position: absolute; 
  top: 0; 
  left: 0; 
  z-index: 2; 
} 

上面的代码中，.img1和.img2分别代表两张图片的类名，使用position属性将图片的位置设为绝对定位，使用z-index属性设置图片的层级，使.img2在.img1上方。

需要注意的是，元素的z-index属性值越大，越靠近用户视角，因此需要将需要叠加的图片的z-index值设置为较大的数字，通常是从2开始。