CSS多重背景是CSS3新增的一個很實用的功能，它可以給一個元素同時添加多個背景圖像，下面我們來看一下如何實現：

.box {
background-image: url(1.jpg), url(2.png), url(3.gif);
background-position: left top, center center, right bottom;
background-size: auto, cover, 100% 100%;
background-repeat: repeat-x, no-repeat, no-repeat;
}

上述代碼給一個class為“box”的元素設置了3個背景圖。其中，第一個背景圖使用默認值，即background-size: auto,background-repeat: repeat；第二個背景圖設置了background-size: cover,background-repeat: no-repeat，即背景鋪滿整個元素且不重復；第三個背景圖同樣不重復并且會鋪滿整個元素，但是它的尺寸固定為100% 100%，即鋪滿整個元素。

CSS多重背景可以讓我們在一個元素上實現更豐富的設計效果，而不必再為每個元素都添加一個標簽嵌套背景圖，這樣代碼更簡潔，也能減少HTTP請求。