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

标签 css css-sprites

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

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

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

最佳答案

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

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

关于css - 2 个垂直的 css sprite 图像但结果不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13318439/

相关文章:

html - 如何给表格中的每个单元格赋予不同的内容

css - 在ie <7中使用css sprite时png透明的最终解决方案是什么

css - 如何使用悬停仅移动图像的一部分

html - 重新定位径向渐变

javascript - 更改现场只有一个自动完成的样式

css - 打印 CSS 打印时仍然显示一些背景图像

html - wordpress 中的 CSS Sprite

CSS Sprite 生成器 : I have the bundled image

css - 多选横向

javascript - 在另一个 div 中附加一个 HTML div