2个垂直css精灵图像但结果不同

时间:2012-11-10 01:47:03

标签: css css-sprites

我使用Instant Sprite,sprite_main.png创建了新的精灵图像,并替换了SpritMe创建的旧精灵图像,spriteme1.png。

我只更改了图像路径并仅使用了给定的背景位置,但结果令人失望的是sprite_main.png。我不明白发生了什么,但那是因为我在精灵图片中添加了另外20多个图标?

http://fiddle.jshell.net/6TaQt/40/

1 个答案:

答案 0 :(得分:1)

背景位置结果令人失望 sprite_main.png 因为sprite_main.png的高度与(高于)spriteme1.png的高度不同,并且两个图像之间的每个图标都有不同的位置。所以,你必须重新计算最高背景位置。

这是我对sprite_main.png的修订背景位置:http://fiddle.jshell.net/Vrf7g/