我使用的是两个图像的 Sprite ，在所有 Internet Explorer 版本中都存在 1px 的差异，但在 Firefox 中工作正常。
请在此处查看演示:http://jsfiddle.net/bHUs3/6/
我的心很痛。是什么导致了这种差异？
在 Internet Explorer 中悬停时见下方屏幕(无特定版本) 编辑 我正在调查我安装的 IE 是否像我想象的那样可靠
最佳答案
我猜是文字阴影效果的颜色剧烈变化造成的。
请注意，当按钮未悬停时，字母会以某种方式加粗。看起来白色字母有一个白色边框，添加到字母的当前重量。它不会在悬停事件中发生，因为字母具有不同的颜色。
在 x 轴上增加 +1px，它会被平滑。 http://jsfiddle.net/bHUs3/9/
如果您只想在 IE 中进行此更改，请使用条件注释:
<!--[if IE]>
.calltoActionReadMore {background-position:1px -24px}
<![endif]-->
关于jquery - Internet Explorer 与背景图像有奇怪的 1px 差异，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9006076/