最新的Web開發教程
 

Style backgroundImage Property

<Style對象

設置文檔的背景圖片:

document.body.style.backgroundImage = "url('img_tree.png')";
試一試»

更多"Try it Yourself"下面的例子。


定義和用法

和backgroundImage屬性設置或返回一個元素的背景圖像。

Tip:除了背景圖片,你還應該指定一個背景色。 如果圖像是不可用背景色將被使用。


瀏覽器支持

在表中的數字規定,完全支持該財產瀏覽器版本。

屬性
backgroundImage 1.0 4 1.0 1.0 3.5

句法

返回backgroundImage屬性:

object .style.backgroundImage

設置backgroundImage屬性:

object .style.backgroundImage="url(' 屬性值
描述
url( 'URL' ) 圖像文件的位置
none 無背景圖片。 這是默認
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值: 沒有
返回值: 一個字符串,表示背景圖像
CSS版本 CSS1

更多示例

設置的特定的背景圖像<div>元素:

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
試一試»

返回一個特定的背景圖像<div>元素:

alert(document.getElementById("myDiv").style.backgroundImage);
試一試»

返回文檔的背景圖像:

alert(document.body.style.backgroundImage);
試一試»

相關頁面

CSS教程: CSS背景

CSS3教程: CSS3背景

CSS參考: background-image property

HTML DOM參考: background property


<Style對象