CODEWITHSUNDEEP
javascriptjqueryhtmlcssinternet-explorer
shalin gajjar
shalin gajjar

Reputation: 684

how to show images with it's original smoothness in IE

i just disappoint with IE. how ever for image quality and better image view. Is there some thing css tricks for especially with IE that can show better Image appearance.

here is Image appearance of my screen in chrome :

enter image description here

here is Image appearance of my screen in IE :

enter image description here

i just want to know is that IE problem or there is my image problem or there is any way to fix this issue with css tricks.

please help me...

Upvotes: 0

Views: 53

Answers (2)

Sai
Sai

Reputation: 1949

Just by what i have seen in the screenshots, I think the IE version is old or the browser is new but is rendering in an older standard (IE7 standards mode). Using F12 find out what mode IE is opening it. If it is opening it in an older mode, force browser to open in the latest mode by using the meta tag..

<meta http-equiv="x-ua-compatible" content="IE=Edge"/>

hopefully this helps.

Upvotes: 0

Pravin W
Pravin W

Reputation: 2521

this is known IE issue you may try with 

img.imageclassname {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */ 
}

possible duplicate of IE shows black border around PNG when faded in

try with this one!

Upvotes: 1

Related Questions