IE11使背景图像文本模糊 [英] IE11 making background image text blurry

问题描述

我在一个网站上工作，我在一个按钮上使用图像精灵。在我试过的每一个其他浏览器，除了IE11，我的sprite的文本是清脆的，因为它应该是，但在IE11，文本变得模糊（见图像）。

I'm working on a website, where I use image sprites on a button. In every other browser I've tried, except for IE11, the text on my sprite is crisp as it should be, but in IE11, the text gets blurry (See images).

模糊的一个是IE11的。精灵的宽度为189像素，高度为378像素。我使用以下CSS：

The blurry one being IE11 ofc. The width of the sprite is 189px and the height is 378px. I use the following 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的缺陷，

So is this just an IE flaw, or can I actually do something about it ?

提前感谢。

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

I might just add, that if I just insert the same image as <img src="lala.png"> the text is NOT blurry. It only applies to backgrounds :/

推荐答案

这是一个正常的IE错误。

It is a normal IE bug.

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

我还没有找到任何解决方案。

i Haven't found any solutions to this subject yet.

这篇关于IE11使背景图像文本模糊的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！