制作精灵图时需要将其中的多张小图合理的排列是否正确

html-css052

制作精灵图时需要将其中的多张小图合理的排列是否正确,第1张

制作精灵图时需要将其中的多张小图合理的排列是否正确?回答是:制作精灵图时需要将其中的多张小图合理的排列是否正确?是正确的,如果是横向平铺,只能将所有横向平铺的图合并成一张大图,只能竖直排列,不能水平排列如果是纵向平铺,只能将所有纵向平铺的图合并成一张大图,只能水平排列,不能竖直排放。

一种背景图片的应用处理方式

aethersx2模拟器精灵图合并就是将很多小图片合并到到一张大图中去。CSS Sprites 也称之为精灵图或雪碧图,是一种背景图片的应用处理方式,将很多小图片合并到到一张大图中去。把整个大图作为背景图,然后通过 background-position 属性讲合适的图片显示到元素上。AetherSX2是适用于安卓平台的索尼PlayStation 2/PS2模拟器。您可以在移动设备上玩从PS2光盘提取的游戏。

方法1.用ps或者dw把需要的图片切下来,自己通过ps,把需要的图片整合拼合成一张图片。在利用css中的background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片在布局盒子对象位置,当然这种效率是最慢的一种。

方法2.最简单的一种。(推荐用这种)把需要的图片用ps切出来,然后在线生成http://www.cn.spritegen.website-performance.org/ 只要把需要的图片放在里面,即可生成你需要的css代码。