CSS背景圖片疊加是一種常用的網(wǎng)頁設(shè)計技巧，它可以讓你的網(wǎng)頁更加美觀和富有層次感，下面是一些關(guān)于如何實現(xiàn)CSS背景圖片疊加的方法。

1、使用CSS的background-image屬性，這個屬性可以指定多個圖片作為背景，每個圖片使用逗號分隔。

body {
  background-image: url('image1.png'), url('image2.png');
}

2、使用position屬性控制圖片的位置，你可以設(shè)置position: absolute;來使圖片疊加在另一個圖片上面。

body {
  position: relative;
  background-image: url('image1.png'), url('image2.png');
}

3、使用z-index屬性控制圖片的疊加順序。z-index值越大的圖片會疊加在值越小的圖片上面。

body {
  position: relative;
  background-image: url('image1.png'), url('image2.png');
  z-index: 1, 2;
}

4、使用CSS的偽元素（::before和::after）來疊加圖片，這種方法可以讓你更加靈活地控制圖片的疊加位置和順序。

body {
  position: relative;
  background-image: url('image1.png');
}
body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('image2.png');
}