background-image简介
background-image属性在CSS背景中是比较常用的,本文将带你深入理解background-image属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上background-image的实例,希望能够对你有所帮助。
background-image定义和用法
background-image:<bg-image> [ , <bg-image> ]*
<bg-image> = none | <url> | <linear-gradient> | <radial-gradient> | <repeating-linear-gradient> | <repeating-radial-gradient>
默认值:none
适用于:所有元素
继承性:无
动画性:否
计算值:指定值
background-image属性值
- none:
- 无背景图。
- <url>:
- 使用绝对或相对地址指定背景图像。
- <linear-gradient>:
- 使用线性渐变创建背景图像。(CSS3)
- <radial-gradient>:
- 使用径向(放射性)渐变创建背景图像。(CSS3)
- <repeating-linear-gradient>:
- 使用重复的线性渐变创建背景图像。(CSS3)
- <repeating-radial-gradient>:
- 使用重复的径向(放射性)渐变创建背景图像。(CSS3)
background-image说明
设置或检索对象的背景图像。
- 如果设置了background-image,同时也建议设置background-color用于当背景图像不可见时保持与文本颜色有一定的对比度。
- 对应的脚本特性为backgroundImage。
来源:http://caibaojian.com/css3/properties/background/background-image.htm