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

我正在一个网站上工作,我在按钮上使用图像精灵.在我试过的其他浏览器中,除了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,1.0);
    Box-shadow: 0px 0px 10px 1px rgba(179,1.0);
}

那么这只是一个IE漏洞,还是我真的可以做些什么呢?

提前致谢.

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

解决方法

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效