Style backgroundImage 屬性

定義和用法

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

提示：除了背景圖像，您還應該規定背景顏色。如果圖像不可用，將使用背景顏色。

另請參閱：

HTML 樣式：background 屬性

CSS 教程：CSS 背景

CSS3 教程：CSS3 背景

CSS 參考手冊：background-image 屬性

實例

例子 1

為文檔設置背景圖像：

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

親自試一試

例子 2

設置具體 <div> 元素的背景圖像：

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

親自試一試

例子 3

返回具體 <div> 元素的背景圖像：

alert(document.getElementById("myDiv").style.backgroundImage);

親自試一試

例子 4

返回文檔的背景圖像：

alert(document.body.style.backgroundImage);

親自試一試

語法

返回 backgroundImage 屬性：

object.style.backgroundImage

設置 backgroundImage 屬性：

object.style.backgroundImage = "url('URL')|none|initial|inherit"

屬性值

值 描述
url('URL') 圖像文件的位置。
none 沒有背景圖片。默認。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： none
返回值： 字符串，表示背景圖像。
CSS 版本： CSS1

瀏覽器支持

backgroundImage 是 CSS1 (1996) 特性。

所有瀏覽器都完全支持它：

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
支持 支持 支持 支持 支持 支持