background-image

語法:

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

<bg-image> = none | <url> | <linear-gradient> | <radial-gradient> | <repeating-linear-gradient> | <repeating-radial-gradient>

默認值none

取值:

none:
無背景圖。
<url>
使用絕對或相對地址指定背景圖像。
<linear-gradient>
使用線性漸變創建背景圖像。(CSS3)
<radial-gradient>
使用徑向(放射性)漸變創建背景圖像。(CSS3)
<repeating-linear-gradient>
使用重複的線性漸變創建背景圖像。(CSS3)
<repeating-radial-gradient>
使用重複的徑向(放射性)漸變創建背景圖像。(CSS3)

說明:

設置或檢索對象的背景圖像。
  • 如果設置了background-image,同時也建議作者設置background-color用于當背景圖像不可見時保持與文本一定的對比。
  • 對應的腳本特性爲backgroundImage

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 墨綠 = 部分支持
  • 橙色 = 实验性质
支持版本\類型 IE Firefox Safari Chrome Opera
版本 6.0-8.0 #1 4.0 5.1 13.0 11.50-11.51 #3
版本 9.0 #2
版本 10.0 11.60
  1. IE8及更早浏览器不支持CSS3 background-image,即不支持多背景和使用渐变作爲背景圖像。
  2. IE9不支持CSS3新增參數值:<linear-gradient> | <radial-gradient> | <repeating-linear-gradient> | <repeating-radial-gradient>作爲背景圖像。
  3. Opera11.50-11.51不支持CSS3新增參數值:<radial-gradient> | <repeating-radial-gradient>作爲背景圖像。

示例: