background-position: left top, 100px 0, 200px 0;

问下这个background-position: left top, 100px 0, 200px 0; 里面的 100px 0, 200px 0 是什么意思

慕姐4424294

2016-09-16

源自：十天精通CSS3 5-4

关注问题我要回答

1436

操作

收起

2 回答

丑丶小亚
2018-05-22

根据母元素确定，是因为你要考虑多张图片重叠的情况。只需要知道当前图片需要在容器中出现的位置，设置就好了。而如果是根据上一个图片去算，就要经过繁琐的计算过程，才能实现，把整个程序复杂化，不符合简单开发的过程。

0 回复有任何疑惑可以回复我~

收起回答

namnil
2016-09-16

分别设置多个背景图的位置。left top将第一个背景图设置为左上角，100px 0将第二个背景图设置为距离所在元素的左100px下0px处，200px 0将第三个背景图设置为距离所在元素的左200px下0px处。

3 回复有任何疑惑可以回复我~

收起回答

请你不要再打扰她了啊

请问为什么是根据那个母元素来确定第二和第三个图片的位置，而不是上一张图片的位置呢？

2017-12-28 回复有任何疑惑可以回复我~

请你不要再打扰她了啊

为什么位置不是根据上一个图片的位置来设定而是根据母元素啊呢

2017-12-28 回复有任何疑惑可以回复我~

0/150

提交

取消

十天精通CSS3

参与学习 242632 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

2 回答任务八中的 background-position: 0 0, 30px 30px;

1 回答把.wrap span { position: absolute; left:0; top:0; 删了之后为什么在浏览器中没显示.contentde中的边界线？

1 回答background-position

3 回答background-image:linear-gradient( to top left,red, orange);哪里出错啦

1 回答请问大神right：0可以删除吗？还有 background: linear-gradient(top, #ff625a, #9e3e3a 50%, #ff625a);top前面不用加to吗？

搜索更多本课相关问答

background-position: left top, 100px 0, 200px 0;

我要回答关注问题

热搜

最近搜索清空

background-position: left top, 100px 0, 200px 0;

2 回答

本课相似问答

background-position: left top, 100px 0, 200px 0;