多重背景，也就是CSS2里background的屬性外加origin、clip和size組成的新background的多次疊加，縮寫時(shí)為用逗號(hào)隔開的每組值；用分解寫法時(shí)，如果有多個(gè)背景圖片，而其他屬性只有一個(gè)（例如background-repeat只有一個(gè)），表明所有背景圖片應(yīng)用該屬性值。

語(yǔ)法縮寫如下：

background ： [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],...

可以把上面的縮寫拆解成以下形式：

background-image:url1,url2,...,urlN;

background-repeat : repeat1,repeat2,...,repeatN;
backround-position : position1,position2,...,positionN;
background-size : size1,size2,...,sizeN;
background-attachment : attachment1,attachment2,...,attachmentN;
background-clip : clip1,clip2,...,clipN;
background-origin : origin1,origin2,...,originN;
background-color : color;

注意：

1. 用逗號(hào)隔開每組 background 的縮寫值；
2. 如果有 size 值，需要緊跟 position 并且用 "/" 隔開；
3. 如果有多個(gè)背景圖片，而其他屬性只有一個(gè)（例如 background-repeat 只有一個(gè)），表明所有背景圖片應(yīng)用該屬性值。
4. background-color 只能設(shè)置一個(gè)。

舉例：

有三張單獨(dú)的圖片：

使用多背景技術(shù)實(shí)現(xiàn)：

具體代碼實(shí)現(xiàn)，查看右側(cè)代碼編輯器（12-16行）。