background-position

語法:

background-position<position> [ , <position> ]*

<position> = [ left | center | right | top | bottom | <percentage> | <length> ] | [ left | center | right | <percentage> | <length> ] [ top | center | bottom | <percentage> | <length> ] | [ center | [ left | right ] [ <percentage> | <length> ]? ] && [ center | [ top | bottom ] [ <percentage> | <length> ]? ]

默認值0% 0%,效果等同于left top

取值:

<percentage>
用百分比指定背景圖像填充的位置。可以爲負值。
<length>
用長度值指定背景圖像填充的位置。可以爲負值。
center:
背景圖像橫向和縱向居中。
left:
背景圖像在橫向上填充從左邊開始。
right:
背景圖像在橫向上填充從右邊開始。
top:
背景圖像在縱向上填充從頂部開始。
bottom:
背景圖像在縱向上填充從底部開始。

說明:

設置或檢索對象的背景圖像位置。必須先指定background-image屬性。
  • 該屬性提供2個參數值。
  • 如果提供兩個,第一個用于橫坐標,第二個用于縱坐標。
  • 如果只提供一個,該值將用于橫坐標;縱坐標將默認爲50%。
  • 對應的腳本特性爲backgroundPosition

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 墨綠 = 部分支持
  • 橙色 = 实验性质
支持版本\類型 IE Firefox Safari Chrome Opera
版本 6.0-8.0 #1 4.0 5.1 13.0 11.50
版本 9.0
  1. IE8及更早浏览器不支持CSS3 Background-position定义多组位置,只支持单组。

示例: