background-image

  • 版本:CSS1/3
  • 媒体:视觉
wechat
WEB前端开发官方公众号
10年服务3000万前端开发工程师

微信号:webfedev

微信扫一扫关注,每天分享前端干货

语法:

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+

示例: