最新的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对象