css中图片覆盖另一图片上面

在CSS中，有时候我们需要在一个图片上面覆盖另一张图片，这时可以使用CSS的background属性来实现。下面是示例代码：

div {
      background: url('image1.png') no-repeat center center;
      position: relative;
}
div::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      background: url('image2.png') no-repeat center center;
      width: 100%;
      height: 100%;
}
    

以上代码中，我们首先给一个div设置背景图片为image1.png，并将其定位为相对定位。接着使用伪元素::before来创建一个覆盖层，定位为绝对定位，top和left均为0，使其覆盖在原有的image1.png图片上。在覆盖层上设置背景图片为image2.png，覆盖的样式就完成了。

此外，我们还可以在覆盖层上添加其他样式，如透明度、边框等等，来实现更加复杂的设计效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！