background-position: 100% -20px这个是什么意思

来源:百度知道 编辑:UC知道 时间:2024/06/17 04:24:28
翻阅某个css样式,这样写道:

background-position: 100% -20px;是什么意思?

背景位置100%?在锁进-20px?

这句话是什么意思。具体应用在什么地方?

语法:
background-position : length || length
background-position : position || position
取值:

length : 百分数 | 由浮点数字和单位标识符组成的长度值。
position : top | center | bottom | left | center | right
说明:

设置或检索对象的背景图像位置。必须先指定 background-image 属性。
该属性定位不受对象的补丁属性( padding )设置影响。
默认值为: 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。
如果只指定了一个值,该值将用于横坐标。纵坐标将默认为 50% 。如果指定了两个值,第二个值将用于纵坐标。
如果设置值为 right center ,因为 right 作为横坐标值将会覆盖 center 值,所以背景图片将被居右定位。
对应的脚本特性为 backgroundPosition 。

background-position -- 定义背景图片的位置

* 取值: [ [ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ]? ] | [ [ left | center | right ] || [ top | center | bottom ] ] | inherit
o 水平
+ left: 左
+ center: 中
+ right: 右
o 垂直
+ top: 上
+ cen