CSS3 背景疊加是一種非常強大的效果，可以讓頁面背景更豐富多彩。通過組合多個背景圖像或顏色，我們可以輕松地實現復雜的視覺效果。

下面是一個基本的示例：

div {
background-image: url(background.png), url(paper.png);
background-position: center center, top left;
background-repeat: no-repeat;
background-size: cover;
background-color: #fff;
}

在這個例子中，我們使用了兩張圖片作為背景圖像。第一張圖片是位于背景層的，第二張圖片在它的上方。我們還設置了兩個不同的背景位置和一個背景顏色。最終的效果是將兩張圖片疊加在一起，并覆蓋整個 DIV 元素。

CSS3 背景疊加還支持混合模式，這讓我們可以更加精細地控制背景層之間的相互影響。使用混合模式，我們可以創建一些非常華麗的效果，比如石頭紋理、木頭紋理等等。

下面是一個使用混合模式的示例：

div {
background-image: url(background.png), url(paper.png);
background-position: center center, top left;
background-repeat: no-repeat;
background-size: cover;
background-color: #fff;
background-blend-mode: multiply;
}

在這個例子中，我們使用了混合模式 multiply，它會將兩張圖片相乘，得到一個更加深沉的顏色效果。其他的混合模式還包括 screen、overlay、darken 和 lighten 等等。

總結來說，CSS3 背景疊加是一種非常有用的效果，能夠讓我們創建出更加復雜和精美的頁面。通過組合多個背景圖像或顏色，使用不同的混合模式，我們可以輕松地實現各種各樣的視覺效果。