IE9渲染精灵悬停图像1px关闭/模糊

Question

我正在使用精灵，我的按钮图像和悬停图像（稍暗）。

这是CSS - 我的图像是31px高：

a
{
    background-position: 0 0;
}

a:hover
{
    background-position: 0 -31px;
}

当我悬停时，所有浏览器中的背景看起来都很好，但ie9看起来有点模糊，并且似乎向上移动了一个px（-30px）。

Answer 1

不是将背景应用于锚点，而是尝试制作div，将背景应用于其中，然后将其包装在锚标记中。根据我的经验，锚点的风格要难得多。

此外，图像是否正在缩放？在图像编辑器中打开您的图像，并确保它完全符合您想要的宽度和高度，保存它，以及您的div，

身高：y px; width：x px;

图像模糊的最常见原因是浏览器缩放不佳，默认情况下确保图像尺寸合适，因此浏览器不会尝试缩放图像。还可以在chrome或safari或firefox中使用元素检查器来检查css的另一部分是否正在调整背景或div的高度/宽度。

如果这不起作用，我必须看到一个链接或至少包含更多代码的屏幕截图，以便进一步排除故障。

Answer 2

另外要注意的是确保缩放级别不是100％。我无法计算我不小心按ctrl + mousewheel将缩放级别略微提高到105％的次数。