Internet Explorer与背景图像有1px的奇怪差异

Question

我正在使用两个图像的精灵，并且在所有Internet Explorer版本中体验1px不同，但在Firefox中运行良好。

请在此处查看演示：http://jsfiddle.net/bHUs3/6/

我的心痛。造成这种差异的原因是什么？

在Internet Explorer中悬停时查看以下屏幕（无特定版本） 编辑我正在调查我的IE安装是否像我想的那样声音

Answer 1

我猜这是由文字阴影效果的颜色剧烈变化引起的。

请注意，当按钮没有悬停时，字母会更加大胆。看起来白色字母的白色边框加到了字母的当前重量上。它不会在悬停事件中发生，因为字母的颜色不同。

在x轴上添加+ 1px，它将被平滑。 http://jsfiddle.net/bHUs3/9/

如果您只想在IE中进行此更改，请使用条件注释：

<!--[if IE]>
.calltoActionReadMore {background-position:1px -24px}
<![endif]-->