“CSS 2.1 参考手册/background-image”的版本间的差异

来自Blueidea
跳转至: 导航搜索
继承
UED讨论 | 贡献
好习惯
 
(未显示同一用户的1个中间版本)
第11行: 第11行:
 
==好习惯==
 
==好习惯==
 
如果您设置了背景图片,您最好为图片不可以显示的情况设置一个背景色的属性。不过也要注意,当图片可用时,他会显示在背景色的上面,因此,图片透明的部分会显示背景色。
 
如果您设置了背景图片,您最好为图片不可以显示的情况设置一个背景色的属性。不过也要注意,当图片可用时,他会显示在背景色的上面,因此,图片透明的部分会显示背景色。
 +
要为设计中的每个背景色设置相同或相近的背景色.让网速慢或者禁用图片的读者也能够浏览页面。比如:
 +
body{background:white;}
 +
.demo{color:white;background:url(一张橙色渐变图片) orange;}
 +
在网速慢或者禁用图片的情况下不设置背景色橙色背景。.demo的字体颜色和body的背景颜色相同。读者将无法看清楚demo内的文字。
  
 
==特性==
 
==特性==

2012-02-07T17:49:20的最后版本

定义

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

适用于

所有元素。

继承

没有。

另见