Internet Explorer below 7.0 does not support 24-bit alpha channel transparent PNG images. PNG image background turn into gray color rather then transparent. IE version 7 and above completely solved this issue and fully support PNG images.? Other modern browser such as Firefox, Opera, Flock support png images from start.
How to Fix:
- Use transparent gif file instead of PNG file.
- Avoid direct use of images for transparent PNG file. Use Microsoft AlphaImageLoader filter, as described below:
<DIV ID=”oDiv” STYLE=”position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
src=’image.png’, sizingMethod=’scale’);” >
- Include js file within <head></head> section like below.? Replace “your file path” with actual file path before upload.
Save the document and upload to server. This fix apply to all PNG images automatically in Internet Explorer. Other browser simply ignore this.