background-position 的问题

老师，请问这里的0，-67px 是指background-position吗？

background-position 的这两个参数不是指图片相对于该元素的顶部和左边的位置吗？

顾寻 2019-04-10

源自：项目：jSon和Ajax登录功能 2-3 CSS样式（2）

5

收起

2回答

提问者顾寻 2019-04-10 16:52:12

那在讲background-position那节的例子里这又怎么理解呢？

提问者顾寻 #1

二者在编写的时候有什么区别？

2019-04-10 16:52:55
好帮手慕星星回复提问者顾寻 #2

代码中图片位置设置的是正值，正值是从图片左侧往左，顶部向上计算，可是图片往左往上没有可以显示的位置了，所以显示出来是空白的，看到的效果也就是图片距离元素顶部，左侧的距离。这是设置正值和负值的区别。

2019-04-10 17:01:19

好帮手慕星星 2019-04-10 16:44:42

你好，0，-67px 是指background-position，0是水平方向，-67px是垂直方向，也就是图片显示出来的位置是从图片的左侧，顶部往下67px处开始显示的。

例如：

效果：

也就是图片是从左侧，顶部往下260的位置开始显示的：

祝学习愉快！

相似问题

background-position 不生效的问题

background-position

background-position

background-origin与background-position

关于backgroun-position的用法

登录后可查看更多问答，登录/注册

2.组件化网页开发

参与学习人
提交作业 1121 份
解答问题 14456 个

本阶段在运用JS实现动态网页开发的基础上，带你深入理解企业开发核心思想，完成一个企业级网页的开发，体验前端工程师的成就感。

本课精华内容

问答作业

老师！请教一段代码

37 3

prev+next选择器是否和父子选择器一样呢

22 4

2-11检查

78 1

老师，这样对吗

80 1

提问的同学看这里（慕课网出品）

56 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载