我正在制作一个网站,在按钮上使用图像精灵。在我试过的其他浏览器中,除了IE11之外,我的精灵上的文本都很清晰,但在IE11中,文本变得模糊(请参见图像)。
模糊的是IE11。精灵的宽度为189px,高度为378px。我使用以下CSS:
这只是IE的缺陷吗,还是我能做些什么呢?
提前致谢。
编辑: 如果我只插入相同的图像作为
模糊的是IE11。精灵的宽度为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">
,那么文本就不会模糊。这只适用于背景 :/