background-image

語法:

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 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
Multiple
background images
8.0
9.0+

示例: