background-position同时使用坐标（x,y）和关键字( left, right…）时，顺序怎么排放?
比方说这个图片中的，需要方块2作为1的背景，
background-position使用关键字right，
然后并不是右边界对齐，而是向左去几个px，上面也要下来几个px，
这时需要同时使用right关键字和坐标(x,y)，这种情况下怎么排这三个参数的顺序，
试了好久都不行，网上找到的都是只使用坐标或者只使用关键字的。
写回答
-
IT从业先说一下 background-position 的表现：
•当使用关键字的时候，关键字的顺序是无关的，即：
background-position: center top 和 background-postion: top center 是等价的•当使用百分比或者具体的长度单位时，是先 x 方向，后 y 方向，顺序不能错，即：
background-position: 10px 20px 和 background-position: 20px 10px 表示的不一样•在新的 CSS 语法中又多了一种用法，这种用法是相对于容器的边，形式如下：
background-position: right 10px top 20px，这种语法表示背景距右边 10px，距上边 20px。OK，根据你的问题，第三种情况应该可以满足你的需求，但是，这种写法的兼容性并不好，很多浏览器还不支持。如果不考虑 IE8，可以采用这种方式。如果要考虑 IE8 的话，要么给容器定宽，计算出具体的 x 和 y 的值，要么，使用百分比来大约的定位。
2019-07-17 19:26:44赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
