Css之background-postion

语法：

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

默认值：0% 0%，效果等同于left top

适用于：所有元素

继承性：无

动画性：是

计算值：指定值

设置或检索对象的背景图像位置。必须先指定 <' background-image '> 属性。

该属性提供2个参数值（CSS3中已允许提供4个值）。
如果提供四个，每个<percentage>或<length>偏移前都必须跟着一个关键字（即left | center | right | top | bottom），偏移量相对关键字位置进行偏移。
示例：假设要定义背景图像在容器中右下方，并且距离右边和底部各有20px
缩写方式：
```
background:url(test1.jpg) no-repeat right 20px bottom 20px;
```
你也可以设置3个参数值：
拆分方式：
```
background:url(test1.jpg) no-repeat left bottom 10px;
```
要注意的是：设置3个或4个值，偏移量前必须有关键字。也就是说，形如："10px bottom 20px" ，这样的参数设置是错误的，因为10px前面没有关键字。
如果提供两个，第一个用于横坐标，第二个用于纵坐标。
如果只提供一个，该值将用于横坐标；纵坐标将默认为50%（即center）。
对应的脚本特性为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个参数以边界作参考偏移	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
3-4个参数以边界作参考偏移	9.0+	13.0+	25.0+	7.0+		7.0+	4.4+	25.0+	7.0-9.9