CSS background-image 屬性

實(shí)例

設(shè)置body元素的背景圖像：

body { background-image:url('paper.gif'); background-color:#cccccc; }

background-image 屬性設(shè)置一個(gè)元素的背景圖像。

元素的背景是元素的總大小，包括填充和邊界（但不包括邊距）。

默認(rèn)情況下，background-image放置在元素的左上角，并重復(fù)垂直和水平方向。

提示：請?jiān)O(shè)置一種可用的背景顏色，這樣的話，假如背景圖像不可用，可以使用背景色帶代替。

默認(rèn)值:	none
繼承:	no
版本:	CSS1
JavaScript 語法:	object object.style.backgroundImage="url(stars.gif)"

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號。

緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個(gè)瀏覽器版本號。

屬性
background-image	1.0	4.0	1.0	1.0	3.5

注意: IE8 及其更早版本不支持一個(gè)元素上設(shè)置多個(gè)背景圖片。

值	說明
url('URL')	圖像的URL
none	無圖像背景會顯示。這是默認(rèn)
linear-gradient()	創(chuàng)建一個(gè)線性漸變的 "圖像"(從上到下)
radial-gradient()	用徑向漸變創(chuàng)建 "圖像"。 (center to edges)
repeating-linear-gradient()	創(chuàng)建重復(fù)的線性漸變 "圖像"。
repeating-radial-gradient()	創(chuàng)建重復(fù)的徑向漸變 "圖像"
inherit	指定背景圖像應(yīng)該從父元素繼承

多個(gè)背景圖片
本實(shí)例演示了文檔中多個(gè)背景圖像。