[分享]css两张图片重叠背景不一样

CSS中通过background属性可以设置元素的背景颜色或背景图片，但是在某些情况下，我们需要将两张图片重叠在一起，以形成更加复杂且丰富的背景效果。在这种情况下，我们可以使用CSS的多重背景技术。/...

CSS中通过background属性可以设置元素的背景颜色或背景图片，但是在某些情况下，我们需要将两张图片重叠在一起，以形成更加复杂且丰富的背景效果。在这种情况下，我们可以使用CSS的多重背景技术。

/* 两张图片重叠背景 */
background-image: url("img1.jpg"), url("img2.jpg");
background-position: center center, top left;
background-repeat: no-repeat, repeat; 

上面的代码中，我们使用了background-image属性来设置两张背景图片。在默认情况下，第一张图片将覆盖第二张图片。如果我们想要让这两张图片重叠在一起，需要使用background-position属性和background-repeat属性来调整它们的位置和重复方式。

其中，第一张图片居中显示，不重复；第二张图片位于左上角，重复平铺。

通过这种方式，我们可以实现多重背景效果，使网页更具有视觉吸引力。