“CSS 2.1 参考手册/background-image”的版本间的差异
来自Blueidea
（→继承） |
（→好习惯） |
||
| （未显示同一用户的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
适用于
所有元素。
继承
没有。
