CSS 2.1 参考手册/background-image

来自Blueidea
跳转至： 导航、 搜索

定义

background-image 属性为元素设置背景图片。下面截图显示了有背景图片的段落。

案例

p {
background-image: url('/images/fox.gif');
background-color: white;
color: black;
}

好习惯

如果您设置了背景图片，您最好为图片不可以显示的情况设置一个背景色的属性。不过也要注意，当图片可用时，他会显示在背景色的上面，因此，图片透明的部分会显示背景色。 要为设计中的每个背景色设置相同或相近的背景色.让网速慢或者禁用图片的读者也能够浏览页面。比如： body{background:white;} .demo{color:white;background:url(一张橙色渐变图片) orange;} 在网速慢或者禁用图片的情况下不设置背景色橙色背景。.demo的字体颜色和body的背景颜色相同。读者将无法看清楚demo内的文字。

特性

可能的值

  • 文件的URL。
  • none：没有背景图。
  • inherit：使用与父元素中该属性的相同计算值。

默认值

none

适用于

所有元素。

继承

没有。

另见

取自“http://wiki.blueidea.com/index.php?title=CSS_2.1_参考手册/background-image&oldid=9166”