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

来源:3-1 切图实战--顶部

qq_鸭绿桥第一帅哥_0

2019-02-26 19:52:44

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

写回答

2回答

好帮手慕夭夭

2019-02-27

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

http://img.mukewang.com/climg/5c75f2c40001357711270672.jpg

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

0

好帮手慕夭夭

2019-02-27

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

如果要使用第三个图标

http://img.mukewang.com/climg/5c75eab7000185b600580105.jpg

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

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

http://img.mukewang.com/climg/5c75eb4a000110a900470115.jpg

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

http://img.mukewang.com/climg/5c75ebb8000158ab03070024.jpg

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

0
hq_鸭绿桥第一帅哥_0
h 谢谢老师,请问如何使用ps测量?
h019-02-27
共1条回复

0 学习 · 36712 问题

查看课程