CSS3/CSS1 background-position 属性

发布时间：2019-10-01编辑：佚名阅读（1193）

CSS3/CSS1 background-position 属性

说明：本文档兼容性测试基础环境为：windows系统；IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

语法：

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。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型IEFirefoxSafariChromeOpera
版本6.0-8.0 #14.05.113.011.50
版本9.0
  1. IE8及更早浏览器不支持CSS3 Background-position定义多组位置，只支持单组。

    关键字： CSS3 CSS1 background-position 属性

上一篇：CSS3 background-origin 属性

下一篇：CSS3/CSS1 background-repeat 属性

鼓掌

0人

正能量

0人

赞

0人

呵呵

0人

评论区
    相关文章
    企业级大促
    企业级大齐