我在一个网站上工作,我在一个按钮上使用图像 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">
相同的图像文字不模糊。它只适用于背景:/
最佳答案
这是一个普通的 IE 错误。
我还没有找到任何解决这个问题的办法。
关于css - IE11 使背景图像文本模糊,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20723057/