151291 151291 - 1 year ago 86
CSS Question

icons not visible clearly in internet explorer, resolution gets redused

i am new web developer and designer, I used some icons.png for dropdown button, it is visible clearly in Firefox and Chrome but IE not supports.

it shows like this in IE:

but actual image is: ( Firefox and chrome displays fine)

enter image description here

Used html code for image:

<img id="arrow_up" src="images/up_arrow.png" height="16" width="16"/>

Answer Source

Internet Explorer will not support for less or higher image size from original size. if we resize image from html or css then the image quality will get reduced from IE, so we have to display original image size as it is, then only the resolution issue will get solve.

<img id="arrow_up" src="images/up_arrow.png"/> // now image size is 20x20
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download