问题描述
我在一个网站上工作,我在一个按钮上使用图像精灵。在我试过的每一个其他浏览器,除了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.
我还没有找到任何解决方案。
i Haven't found any solutions to this subject yet.
这篇关于IE11使背景图像文本模糊的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!