ie中的图像是像素化的

我已经将png图像上传到一个网站,它们在firefox,chrome和safari中看起来很完美但是它们看起来很糟糕.我已经保存了来自photoshop的文件,并且它们具有图像大小下的功能,使您可以选择将图像设置为:bicubic automatic,bicubic sharper,bicubic smooth,bisubic,bilinear和nearest neighbor.这些都有帮助吗？

HTML:

CSS:

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         */
}

Barney.. 6

旧的IE方法是:

-ms-interpolation-mode: bicubic;

记录很少.