关于background-position百分比的问题？
dome在这 https://jsfiddle.net/d1LpL9eu/点击预览
background-position: calc(100% - 40px) calc(100% - 20px);
background-position前两个值应该是
水平和垂直位置，分别是从左边和上边开始计算的，
为什么calc(100% - 40px)是从右侧开始计算的？
calc中的100%指的是图片还是容器呢？
展开
收起
1
条回答
写回答
写回答
-
IT从业calc(100% - 40px)
将背景图的右边和容器的右内边界对齐，然后再向右移动40个像素calc(100% - 20px);
将背景图的下边和容器的下内边界对齐，然后再向上移动20个像素background-position在使用百分比时，对容器和背景都有效,水平方向从左边开始计算，垂直方向从上边开始计算.
也就是background-position:50% 50%，会将容器的水平方向的50%的位置和背景图50%的位置对齐，同时将垂直方向的50%的位置和背景图的50%的位置对象，效果就是背景图放在容器的中间位置2019-07-17 19:31:14赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
