0

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...

shalin gajjar
  • 646
  • 4
  • 15
  • 44

2 Answers2

1

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!

Community
  • 1
  • 1
Pravin W
  • 2,451
  • 1
  • 20
  • 26
0

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.

Sai
  • 1,889
  • 5
  • 18
  • 26
  • the reason i am thinking older browser standards mode is because older standards like IE7 mode, does not render box-radius...which i see happening in the chrome screenshot. – Sai Mar 26 '14 at 07:33