css3于background很多朋友都了解，就不必多做解釋了，css3以下版本的background只能單獨對一張圖片進(jìn)行背景設置、平鋪方式、背景位置。而在css3賦予了它更大的權利，可以設置更多背景圖片，這就是今天要說(shuō)的css3多重背景。

如何用css3展示多重背景？


多重背景語(yǔ)法：background:背景,背景,背景；


1.background: url(images/weather-cloud.png) center center no-repeat, url(images/weather-clouds.png) top left no-repeat, url(images/weather-cloudy.png) top right no-repeat, url(images/weather-rain.png) bottom left no-repeat,url(images/weather-snow.png) bottom right no-repeat;

這種也是由css2中的background升級過(guò)來(lái)，只不過(guò)支持了多重背景。同樣它也分開(kāi)來(lái)寫(xiě)：

1.background-image:url(images/weather-cloud.png),url(images/weather-clouds.png),url(images/weather-cloudy.png),url(images/weather-rain.png),url(images/weather-snow.png);  2.background-repeat: no-repeat;  3.background-position:center center,top left,top right,bottom left,bottom right;
切記：image調用幾個(gè)，如果不共用其他屬性，必須分別寫(xiě)出屬性。


重慶網(wǎng)絡(luò )公司