CSS background-image 屬性
定義和用法
background-image 屬性為元素設(shè)置背景圖像。
元素的背景占據(jù)了元素的全部尺寸，包括內(nèi)邊距和邊框，但不包括外邊距。
默認(rèn)地，背景圖像位于元素的左上角，并在水平和垂直方向上重復(fù)。
提示：請(qǐng)?jiān)O(shè)置一種可用的背景顏色，這樣的話(huà)，假如背景圖像不可用，頁(yè)面也可獲得良好的視覺(jué)效果。
詳細(xì)說(shuō)明
background-image 屬性會(huì)在元素的背景中設(shè)置一個(gè)圖像。
根據(jù) background-repeat 屬性的值，圖像可以無(wú)限平鋪、沿著某個(gè)軸（x 軸或 y 軸）平鋪，或者根本不平鋪。
初始背景圖像（原圖像）根據(jù) background-position 屬性的值放置。
| 默認(rèn)值： | none |
|---|---|
| 繼承性： | no |
| 版本： | CSS1 |
| JavaScript 語(yǔ)法： | object.style.backgroundImage="url(stars.gif)" |
瀏覽器支持
所有瀏覽器都支持 background-image 屬性。
注釋?zhuān)?/span>任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
| url('URL') | 指向圖像的路徑。 |
| none | 默認(rèn)值。不顯示背景圖像。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 background-image 屬性的設(shè)置。 |
TIY 實(shí)例
- 將圖像設(shè)置為背景
- 本例演示如何將圖像設(shè)置為背景。