我正在一个网站上工作,我在按钮上使用图像精灵.在我试过的其他浏览器中,除了IE11之外,我的精灵上的文字应该是清晰的,但是在IE11中,文字变得模糊(见图片).
模糊的是IE11 ofc.精灵的宽度为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漏洞,还是我真的可以做点什么呢?
提前致谢.
编辑:我可能只是添加,如果我只是插入相同的图像,因为文本不模糊.它只适用于背景:/
这是一个正常的IE错误.
http://www.infoworld.com/t/microsoft-windows/blurry-fonts-bug-kb-2670838-persists-ie11-and-windows-7-231035
我还没有找到任何解决方案.