CSS background-image 属性
Example
设置 <body> 元素的背景图像：
body{
background-image: url("paper.gif");
background-color: #cccccc;
} 尝试一下 »定义及用法
background-image 属性设置一个元素的背景图像。
元素的背景是元素的总大小，包括填充和边界（但不包括边距）。
默认情况下，background-image 放置在元素的左上角，并重复垂直和水平方向。
提示： 如果图像不可用，请始终设置要使用的背景颜色。
| 默认值： | none |
|---|---|
| 继承： | 否 |
| 可动画化： | 否。 请参阅 animatable |
| 版本： | CSS1 + new values in CSS3 |
| JavaScript 语法： | object.style.backgroundImage="url(smiley.gif)" 尝 试 |
浏览器支持
表格中的数字表示支持该属性的第一个浏览器的版本号。
| 属性 | ||||||
|---|---|---|---|---|---|---|
| background-image | 1.0 | 12.0 | 4.0 | 1.0 | 1.0 | 3.5 |
注意： E8和更早版本的浏览器不支持多个背景图像在一个元素。
CSS 语法
background-image: url|none|initial|inherit;
属性值
| 值 | 描述 |
|---|---|
| url('URL') | 图像的URL。要指定多个图像，请使用逗号分隔URL |
| none | 无图像背景会显示。这是默认。 |
| initial | 将此属性设置为其默认值。请参阅 initial |
| inherit | 从其父元素继承此属性。请参阅 inherit |
更多实例
Example
为 <body> 元素设置多个背景图片：
body {
background-image: url("img_tree.gif"),url("img_flwr.gif");
background-color: #cccccc;
}
尝试一下 »相关文章
CSS 教程：CSS Background
CSS3 教程：CSS3 Backgrounds
HTML DOM 参考手册：backgroundImage 属性
