CSS中的背景可以使用多個(gè)圖像進(jìn)行疊加，創(chuàng)建出更加豐富多彩的視覺效果。而重疊背景就是指在一個(gè)元素上同時(shí)使用幾個(gè)背景圖像，使其層疊在一起，形成更加獨(dú)特的視覺效果。 使用CSS進(jìn)行重疊背景的操作非常簡單，只需要在background屬性中以逗號(hào)分隔多個(gè)值即可。比如：

p {
background: url(bg1.jpg), url(bg2.jpg);
}

以上代碼將在p元素上疊加兩張背景圖片，分別為bg1.jpg和bg2.jpg。第一個(gè)圖像會(huì)位于最上層，依次疊加在后面的圖像下方。 當(dāng)然，我們也可以通過background-size屬性設(shè)置背景圖像的顯示大小。比如：

p {
background: url(bg1.jpg) no-repeat,
url(bg2.jpg) no-repeat;
background-size: cover, 200px 200px;
}

以上代碼設(shè)置第一個(gè)背景圖像以cover方式顯示，即占滿整個(gè)p元素；而第二個(gè)背景圖像則固定大小為200px x 200px，并居中顯示。 此外，我們還可以利用background-position屬性來對(duì)背景圖像進(jìn)行位置調(diào)整。比如：

p {
background: url(bg1.jpg) repeat,
url(bg2.jpg) no-repeat;
background-position: center, top left;
}

以上代碼將第一個(gè)背景圖像以repeat方式平鋪，并向中心位置進(jìn)行偏移；而第二個(gè)背景圖像則固定在左上角。 當(dāng)然，重疊背景不僅僅是局限于兩張背景圖片，你可以根據(jù)需要添加更多的背景圖像進(jìn)行層疊。使用CSS重疊背景，可以讓你的網(wǎng)頁實(shí)現(xiàn)更加炫酷的視覺效果。