CSS 背景圖片疊加是一種常用的技術，它可以讓網頁背景更加豐富多彩。下面我們將介紹一些實現背景圖片疊加的基本方法。 首先，在 HTML 文件中，我們可以通過設置 div 標簽的背景圖片來實現疊加效果。

<div class="container">
<div class="overlay"></div>
</div>
<style>
.container {
background-image: url('background.jpg');
width: 500px;
height: 500px;
}
.overlay {
background-image: url('overlay.png');
width: 500px;
height: 500px;
opacity: 0.5;
}
</style>

上述代碼中，我們使用了兩個 div 標簽，一個是 container，一個是 overlay。container 設置了背景圖片 background.jpg，overlay 設置了背景圖片 overlay.png，并且通過 opacity 屬性設置了透明度為 0.5。這樣就可以讓兩個背景圖片疊加在一起，形成一個新的背景效果。 另外，我們還可以使用 CSS3 的多重背景實現疊加效果。下面是一個示例代碼：

<div class="container">
</div>
<style>
.container {
background-image: url('background.jpg'), url('overlay.png');
background-size: cover;
background-position: center;
}
</style>

上述代碼中，我們使用了 background-image 屬性并設置了兩個背景圖片，通過 background-size 屬性設置圖片大小為 cover，讓圖片完全覆蓋容器元素，再通過 background-position 屬性設置圖片位置居中。這樣就可以讓兩個背景圖片疊加在一起了。 以上是關于 CSS 背景圖片疊加的基本介紹，通過上述方法，我們可以實現各種不同的疊加效果，讓網頁背景更具有藝術性和美感。