html - 图像在 IE 中显示像素化

Question

我在我的网站上显示一个 .Jpg 图像。图像在 Firefox 和 Chrome 中看起来不错，但在 IE 中看起来像素化。我正在使用 IE9。

我的代码:

<img src="../TestApp/images/Pic.jpg" border="0" Style="width:770px;height:auto;margin:0px;padding:0px; -ms-interpolation-mode: bicubic;"  />      

我试过 -ms-interpolation-mode: bicubic;那没用 因为它已经过时了

我试过 -ms-interpolation-mode:nearest-neighbor;

我试过了

<div class="column">
<img src="../TestApp/images/Pic.jpg" border="0" Style="width:770px;height:auto;margin:0px;padding:0px; -ms-interpolation-mode: bicubic;" class="Plate"/>  
</div>  


.column {
float:left;
display:inline; /* prevent IE margin doubling */
width:360px;
padding-top:1em;
margin-right:60px;
text-align:left;
}

.plate {
display:block;
margin:0 auto 0.5em;
}

那没用。我该如何解决这个问题？

Answer 1

我能够通过删除 width:770px;height:auto; 来修复它从图像和在 photoshop 中将图像大小调整为 770px，并将其上传到图像文件夹。