和田400电话申请开通【和田企业网站建设】和田微信公众号小程序开发运营价格、和田微信公众号APP软件客户端设计运营、和田网页页面设计公司费用、和田公司网站制作方案流程改版维护大概需要多少钱

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：

• 背景图像在纵向上填充从底部开始。

• 该属性提供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。

• 浅绿 = 支持

• 红色 = 不支持

• 墨绿 = 部分支持

1. 不支持：设置多组背景图像位置。

2. 不支持：每组设置3个或4个参数值