天堂…中文在线最新版在线丨无码中文字幕va精品影院丨黄色三级在线视频丨日韩超碰丨亚洲a成人无码网站在线丨得得啪在线丨激情五月婷婷综合丨亚洲欧美国产国产综合一区丨色拍拍欧美视频在线看丨91欧美在线视频丨久久久久久国产精品免费播放丨2020年国产精品丨精品国产天线2019丨青草内射中出高潮丨成年美女黄网站色大免费视频丨欧美性猛烈丨色婷婷av一本二本三本浪潮丨天天视频色丨91性色丨国产精品午夜福利麻豆

background-position

語(yǔ)法：

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> ]? ]

默認(rèn)值：0% 0%，效果等同于left top

適用于：所有元素

繼承性：無(wú)

動(dòng)畫(huà)性：是

計(jì)算值：指定值

取值：

<percentage>：
用百分比指定背景圖像填充的位置。可以為負(fù)值。其參考的尺寸為容器大小減去背景圖片大小
<length>：
用長(zhǎng)度值指定背景圖像填充的位置。可以為負(fù)值。
center：
背景圖像橫向和縱向居中。
left：
背景圖像在橫向上填充從左邊開(kāi)始。
right：
背景圖像在橫向上填充從右邊開(kāi)始。
top：
背景圖像在縱向上填充從頂部開(kāi)始。
bottom：
背景圖像在縱向上填充從底部開(kāi)始。

說(shuō)明：

設(shè)置或檢索對(duì)象的背景圖像位置。必須先指定 <' background-image '> 屬性。
  • 該屬性提供2個(gè)參數(shù)值（CSS3中已允許提供3，4個(gè)值）。
  • 如果提供三或四個(gè)，每個(gè)<percentage>或<length>偏移前都必須跟著一個(gè)邊界關(guān)鍵字（即left | right | top | bottom，不包括center），偏移量相對(duì)關(guān)鍵字位置進(jìn)行偏移。
  • 示例：假設(shè)要定義背景圖像在容器中右下方，并且距離右邊和底部各有20px

    縮寫(xiě)方式：

    background:url(test1.jpg) no-repeat right 20px bottom 20px;
    你也可以設(shè)置3個(gè)參數(shù)值：

    拆分方式：

    background:url(test1.jpg) no-repeat left bottom 10px;

    要注意的是：設(shè)置3個(gè)或4個(gè)值，偏移量前必須有關(guān)鍵字。也就是說(shuō)，形如："10px bottom 20px" ，這樣的參數(shù)設(shè)置是錯(cuò)誤的，因?yàn)?0px前面沒(méi)有關(guān)鍵字。

  • 如果提供兩個(gè)，第一個(gè)用于橫坐標(biāo)，第二個(gè)用于縱坐標(biāo)。
  • 如果只提供一個(gè)，該值將用于橫坐標(biāo)；縱坐標(biāo)將默認(rèn)為50%（即center）。
  • 對(duì)應(yīng)的腳本特性為backgroundPosition。

兼容性：

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
  • 灰色 = 未知
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome Android UC
Basic Support 6.0+ 2.0+ 4.0+ 3.1+ 15.0+ 3.2+ 2.1+ 18.0+ 7.0+
3-4個(gè)參數(shù)
以邊界作參考偏移		 6.0-8.0 2.0-12.0 4.0-24.0 3.1-6.1 3.2-6.1 2.1-4.3 18.0-24.0 7.0-9.9
9.0+ 13.0+ 25.0+ 7.0+ 7.0+ 4.4+ 25.0+

示例：