我正在一个网站上工作,我在按钮上使用图像精灵.在我试过的其他浏览器中,除了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”>相同的图像.文字并不模糊.它仅适用于背景：/
解决方法
原文地址：https://www.jb51.cc/css/217762.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
