css - IE11 使背景图像文本模糊

Question

我在一个网站上工作，我在一个按钮上使用图像 Sprite 。在我尝试过的所有其他浏览器中，除了 IE11，我的 sprite 上的文本应该是清晰的，但在 IE11 中，文本变得模糊(见图片)。

模糊的是 IE11 ofc。 Sprite 的宽度为 189px，高度为 378px。我使用以下 CSS:

button {
    width:189px;
    height:189px;
    background-image:url('../images/kontakt-os.png');
    background-position: top;
    cursor:pointer;
    border-radius: 100px;
}

button:hover {
    background-position: bottom;
    -webkit-box-shadow: 0px 10px 1px 1px rgba(179, 47, 1, 1.0);
    -moz-box-shadow: 0px 10px 1px 1px rgba(179, 47, 1, 1.0);
    box-shadow: 0px 0px 10px 1px rgba(179, 47, 1, 1.0);
}

这只是 IE 的缺陷，还是我真的可以做些什么？

提前致谢。

编辑:我可能会补充说，如果我只是插入与 <img src="lala.png"> 相同的图像文字不模糊。它只适用于背景:/

Answer 1

这是一个普通的 IE 错误。

http://www.infoworld.com/t/microsoft-windows/blurry-fonts-bug-kb-2670838-persists-ie11-and-windows-7-231035

我还没有找到任何解决这个问题的办法。