CSS background-position的用法

请教下background-position:left-29px;这是啥意思呢??一看我感觉是往左移-29个像素,但我测试了下又不是。请教高手... 请教下background-position: left -29px; 这是啥意思呢??一看我感觉是往左移-29个像素,但我测试了下又不是。请教高手 展开
 我来答
大野瘦子
高粉答主

推荐于2019-09-15 · 繁杂信息太多,你要学会辨别
知道小有建树答主
回答量:1227
采纳率:100%
帮助的人:31.9万
展开全部

是用来定位图片的位置的,最主要使用在 一张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。

未婚仙游yj
2010-03-13 · TA获得超过270个赞
知道答主
回答量:133
采纳率:0%
帮助的人:104万
展开全部
背景图水平位值左对齐,垂直位直-29px
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
zk198721
推荐于2017-09-14 · TA获得超过644个赞
知道答主
回答量:72
采纳率:0%
帮助的人:83.2万
展开全部
这是背景位移嘛
background-position:后面有两个属性,第一个是水平位置,第二个是垂直方向的位置,这里需注意的是两个属性的顺序
比如说
background-position: left -29px;(当中的left指从图片的最左端读起,-29px就是将图片向上移动29px,然后开始读)
再如:background-position: 15px 20px;(指将图片向右移15px,向下移20px;)
简单地说,就是以图片的左上角顶点为原点,往下和右都为正,反之为负,
有点乱,不晓得我说清楚没有,如果还不明白,可以Hi我
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
撕扯青春和梦想aQ
推荐于2017-10-14 · TA获得超过311个赞
知道小有建树答主
回答量:443
采纳率:100%
帮助的人:41.5万
展开全部
是用来定位图片的位置的。
最主要使用在 一张png 上有多个logo 或者 ico 这个时候就用到background-position了
background-position:x y x等于平行轴 y等于竖行轴。
x y的取值可以为正数,也可以是负数
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
坚仔
2018-12-03 · 知道合伙人IT服务行家
坚仔
知道合伙人IT服务行家
采纳数:0 获赞数:2
深圳市创客工场前端高级工程师

向TA提问 私信TA
展开全部
background-position第一个值是水平位置,第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。left表示居左对齐,-29px表示整个背景图片向上偏移29px。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式