Question

CSS background-position的用法

请教下background-position: left -29px; 这是啥意思呢？？一看我感觉是往左移-29个像素，但我测试了下又不是。请教高手

Answer 1

是用来定位图片的位置的，最主要使用在 一张png 上有多个logo 或者 ico 这个时候就用到background-position了。

background-position：x y x等于平行轴 y等于竖行轴，x y的取值可以为正数，也可以是负数。

background-position: left -29px; 是背景位移，background-position后面有两个属性，第一个是水平位置，第二个是垂直方向的位置，这里需注意的是两个属性的顺序

比如：

background-position: left -29px;(当中的left指从图片的最左端读起，-29px就是将图片向上移动29px,然后开始读)

扩展资料：

语法

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。

Answer 2

背景图水平位值左对齐，垂直位直-29px

Answer 3

这是背景位移嘛
background-position：后面有两个属性，第一个是水平位置，第二个是垂直方向的位置，这里需注意的是两个属性的顺序
比如说
background-position: left -29px;(当中的left指从图片的最左端读起，-29px就是将图片向上移动29px,然后开始读)
再如：background-position: 15px 20px;(指将图片向右移15px,向下移20px;)
简单地说，就是以图片的左上角顶点为原点，往下和右都为正，反之为负，
有点乱，不晓得我说清楚没有，如果还不明白，可以Hi我

Answer 4

是用来定位图片的位置的。
最主要使用在 一张png 上有多个logo 或者 ico 这个时候就用到background-position了
background-position：x y x等于平行轴 y等于竖行轴。
x y的取值可以为正数，也可以是负数

Answer 5

background-position第一个值是水平位置，第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。left表示居左对齐，-29px表示整个背景图片向上偏移29px。