目录

style backgroundImage 属性

示例

为文档设置背景图片:

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

下面有更多 "亲自试一试" 示例。


描述

backgroundImage 属性设置或返回元素的背景图片。

提示:除了背景图片之外,您还应该指定背景颜色。如果图片不可用,将使用背景颜色。

也可以看看:

HTML 样式:背景属性

CSS 教程:CSS 背景

CSS3 教程:CSS3 背景

CSS 参考:背景图片属性


语法

返回背景图片属性:

object.style.backgroundImage

设置背景图片属性:

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

属性值

Value Description
url('URL') The location of the image file
none No background image. This is default
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值: 没有任何
返回值: 一个字符串,代表背景图片
CSS版本 CSS1


浏览器支持

backgroundImage是 CSS1 (1996) 的一项功能。

所有浏览器都完全支持它:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes Yes

更多示例

示例

设置特定 <div> 元素的背景图片:

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

示例

返回特定 <div> 元素的背景图片:

let img = document.getElementById("myDiv").style.backgroundImage;
亲自试一试 »

示例

返回文档的背景图片:

let img = document.body.style.backgroundImage;
亲自试一试 »