關(guān)于background屬性用法，相信許多重構(gòu)人員都很熟悉了，在css3中，background屬性依然保持以前的用法，不過可以允許在該屬性中添加多個背景圖像組，背景圖像之間通過逗號進行分隔。增加了4個新的相關(guān)屬性。

background-clip 指定背景的顯示范圍

background-origin 指定繪制背景圖像的起點

background-size 指定背景圖片的尺寸的大小

background-break 指定內(nèi)聯(lián)元素的背景圖像進行平鋪時的循環(huán)方式

background-clip

目前webkit引擎的safari和chrome瀏覽器支持，mozilla Gecko引擎 和Presto引擎（opera11.0以上）和trident引擎(ie9以上)都支持這個屬性，但是版本低的可能需要帶上各自的私有屬性,

background-clip:padding-box || border-box || content-box

background-clip 屬性用來判斷背景是否包含邊框區(qū)域，一般默認(rèn)的background-color是從元素的邊框的左上角起到右下角為止，而backround-image卻不一樣，從padding邊緣的左上角到border右下角邊緣為止；用background-clip控制背景色和背景圖片的顯示區(qū)域，解決以上默認(rèn)的問題，

border-box：從邊框區(qū)域向外裁剪背景；

padding-box:從補白區(qū)域向外裁剪背景；

content-box:從內(nèi)容區(qū)域向外裁剪背景

no-clip:從邊框區(qū)域向外裁剪背景