CSS中的背景圖疊加是一種常見的設計技巧，它可以使頁面看起來更加有層次感和美觀。通過在元素的background屬性中使用多個背景圖層，我們可以輕松地創建復雜的圖案和效果。

使用CSS的background屬性時，我們可以為元素指定多個背景圖層，每個圖層都有自己的背景圖片、顏色、尺寸和位置。這些圖層按照從后往前的順序疊加在一起，最后形成元素的背景。在這個過程中，下面的圖層會被上面的圖層遮蓋，從而形成了疊加效果。

.element {
background-image: url(background1.png), url(background2.png);
background-position: center bottom, left top;
background-size: contain, cover;
background-repeat: no-repeat;
}

上面的代碼為一個元素指定了兩個背景圖層。第一個圖層(background1.png)被放置在元素的中下方，尺寸為自適應；第二個圖層(background2.png)被放置在元素的左上方，尺寸被拉伸鋪滿整個元素。

通過使用多個背景圖層，我們還可以實現一些復雜的效果。例如，可以利用CSS3的線性漸變功能為背景圖層指定漸變顏色，從而實現類似于鏤空的效果。

.element {
background-image: linear-gradient(to right, transparent, rgba(0,0,0,0.5)),
url(background.png);
background-position: center center;
background-size: auto 100%;
background-repeat: no-repeat;
}

上面的代碼為一個元素指定了兩個背景圖層。第一個圖層是一個線性漸變，從左向右逐漸變為透明；第二個圖層是一個背景圖片，尺寸被設置為自適應寬度、100%的高度。

總的來說，使用CSS的背景圖疊加功能可以輕松地實現各種復雜的設計效果。在實際使用中，需要根據具體的需求選擇合適的背景圖層、尺寸、位置、顏色等屬性，以達到最好的視覺效果。