css - 2 个垂直的 css sprite 图像但结果不同

Question

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

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

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

Answer 1

sprite_main.png 的背景位置结果令人失望，因为 sprite_main.png 的高度与(高于)spriteme1.png 的高度不同，并且两个图像之间的每个图标的位置不同。因此，您必须重新计算顶部背景位置。

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