Css ie中的图像是像素化的

我已经将png图像上传到一个网站，它们在firefox、chrome和safari中看起来很完美，但在ie中看起来很糟糕。我从photoshop保存了这些文件，它们在“图像大小”下有一个功能，让你可以选择将图像设置为：双三次自动、双三次锐化、双三次平滑、双三次，双线性和最近邻。这些有帮助吗

html:

<ul class="social">
  <li><a target="_blank" href="https://plus.google.com/+ToadhallcottagesCoUk/posts"><img onmouseout=this.src='/images/googleplusgrey-flat.png' onmouseover=this.src='/images/googleplus-flat.png' src="/images/googleplusgrey-flat.png" width="38" height="38" alt="Toad Hall Cottages Google Plus Page"</a></li>
  <li><a target="_blank" href="http://www.twitter.com/thcottages"><img onmouseout=this.src='/images/twittergrey-flat.png' onmouseover=this.src='/images/twitter-flat.png' src="/images/twittergrey-flat.png" width="38" height="38" alt="Toad Hall Cottages on Twitter" /></a></li>
  <li><a target="_blank" href="http://www.facebook.com/holidaycottages"><img <img onmouseout=this.src='/images/facebookgrey-flat.png' onmouseover=this.src='/images/facebook-flat.png'  src="/images/facebookgrey-flat.png" width="38" height="38" alt="Toad Hall Cottages Facebook page"/></a></li>
  <li><a target="_blank" href="http://www.pinterest.com/thcottages/"><img <img onmouseout=this.src='/images/pinterestgrey-flat.png' onmouseover=this.src='/images/pinterest-flat.png' src="/images/pinterestgrey-flat.png" width="38" height="38" alt="Toad Hall Cottages Facebook page" /></a></li>
</ul>

img.icon { 
  vertical-align: middle; 
  margin-right: 8px; 
  margin-left: 2px;
  image-rendering:optimizeSpeed;             /* Legal fallback */
  image-rendering:-moz-crisp-edges;          /* Firefox        */
  image-rendering:-o-crisp-edges;            /* Opera          */
  image-rendering:-webkit-optimize-contrast; /* Safari         */
}

旧的IE方法是：

-ms-interpolation-mode: bicubic;

---

这是一个很糟糕的文档。

可怕的浏览器会让事情变得可怕……你介意分享你的css和html，这样我们可以帮助你！！：）你应该按照网站要求的尺寸在服务器上保存图像-例如，如果你的标题显示为800x100px，那么你的图像也应该是800x100px。我已经上传了css和htmlYou，你不需要使用

Javascript

来完成图像滚动。相反，您应该查看sprite图像，并在

CSS

中完成所有操作。这也减少了浏览器需要发出的HTTP请求的数量。我的图像是150px 150px，然后在网页上缩小了尺寸，这会不会给它带来更好的分辨率@Njol？这个问题可以通过jQuery插件解决：想象一下，如果OP要求jQuery解决方案，这不是默认的插值吗？我看不出这和什么都没有（在IE 11中）有什么区别。它在IE 11上工作吗？嗨@BarryCap，没有-这项功能仅在IE7和IE8中可用-IE9及以上版本不需要它。