制作了一张雪碧图后，如何知道所需要调用图片的background-position?

制作了一张雪碧图后，如何知道所需要调用图片的background-position?

qq_鸭绿桥第一帅哥_0 2019-02-26

源自：Photoshop辅助工具 3-1 切图实战--顶部

1

收起

2回答

好帮手慕夭夭回答被采纳获得+3积分 2019-02-27 10:18:39

你好同学 ,可以像视频中那样 ,如下 , 使用如下矩形在绘制的时候就能查看宽高

所以同学可以借助它侧栏图标到上面以及左边的距离. 希望对你有帮助 , 祝学习愉快 !

好帮手慕夭夭 2019-02-27 09:45:49

你好同学 , 在ps中打开图片测量一下要使用图标的位置 .例如如下:

如果要使用第三个图标

它的background-position 属性值是根据是铃铛在雪碧图的位置 :

也就是铃铛距离雪碧图左边和上边的位置 , 同学可以使用ps测量一下 . 如下 :铃铛距离左边0px , 距离上边44px.

所以要想铃铛移动显示在元素上边 ,需要向上移动44px , 所以需要设置负值 , 如下设置:

希望对你有帮助 , 祝学习愉快 ,望采纳 .

提问者 qq_鸭绿桥第一帅哥_0 #1

谢谢老师，请问如何使用ps测量？

2019-02-27 10:02:11

相似问题

雪碧图在代码中应该怎么写

老师说的这个base64才能引入html么

怎么获取对应的图片

把多张图片合并为一张雪碧图后，该如何调用？

background-position

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

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36712 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载