图像在IE中显示像素化

Question

我在我的网站上显示了一个.jpg图像.图片看起来很好的Firefox,Chrome但在IE中看起来像Pixelated.我正在使用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

我能够通过去除宽度来修复它:770px; height:auto; 从图像和尺寸调整到Photoshop中的770px并上传到图像文件夹.