当前位置: 移动技术网 > IT编程>网页制作>CSS > 精灵背景图的二倍图实际操作

精灵背景图的二倍图实际操作

2019年09月18日  | 移动技术网IT编程  | 我要评论

牛洪利,异秀男孩网,柳华梅

1.在ps中打开,依次打开图像》图像大小,记录此时精灵图大小;

将这个精灵背景图等比例缩放到原来宽高的一半,记录此时缩放后的精灵图大小。

 

2.此时页面应显示的是缩放后的图片,打开f8找到它的坐标,将缩放后的xy坐标作为背景定位坐标

3.bg-size的宽度是缩放后的宽度

这样,就完成了精灵二倍缩放,如果是三倍,将原图尺寸除以三就可以。

 

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网