Geek asks and answers

Image is displayed in pixels in IE

I am displaying a .Jpg image on my site. The image looks good in Firefox, Chrome, but in IE it looks Pixelated. I am using IE9.

my code is:

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

I tried -ms-interpolation mode: bicubic; This does not work. Since it is out of date.

I tried using -ms-interpolation-mode: closest neighbor;

I tried

<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;
}

This did not work. How can I fix this problem?

+3
source share
2 answers

I managed to fix it by deleting the width: 770px; height: auto; from image and image size to 770px in Photoshop and uploading it to the image folder.

+5
source

Internet Explorer - (, Lanczos, Bi-Cubic ..) , .

IE , .

, - , .

0

More articles:


All Articles