background-image

  • 版本:CSS1/3
  • 媒体:视觉
html+div+css+天猫商城
html5+css3+京东手机网站
javascript+jquery+ajax
正则表达式+面向对象+js插件
2D+3D+触屏事件+Canvas+Svg
地理信息+本地存储+H5拖拽api
查看课程大纲

语法:

background-image<bg-image> [ , <bg-image> ]*

<bg-image> = <image> | none

默认值none

适用于:所有元素

继承性:无

动画性:否

计算值:指定值

取值:

none:
无背景图。
<image>
使用绝对或相对地址指或者创建渐变色来确定图像。

说明:

设置或检索对象的背景图像。
  • 如果设置了 <' background-image '>,同时也建议设置 <' background-color '> 用于当背景图像不可见时保持与文本颜色有一定的对比度。
  • 如果定义了多组背景图,且背景图之间有重叠,写在前面的将会盖在写在后面的图像之上。
  • 对应的脚本特性为backgroundImage

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0+ 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+
Multiple image
多组图像
6.0-8.0
9.0+

示例: