Site icon Mostly Harmless

Internet Explorer PNG problem

I just installed a weather icon on the side bar of my blog. In Firefox it looks great. It draws a PNG formatted icon for the weather condition. The plugin is easy to install, provides a option page in WordPress admin and is easy to work with.

Being pleased with myself I mentioned this to my wife and took a look at the web page on her computer to show her. The icon looked less than good. She uses Internet Explorer which does not handle PNG transparency. Below is what happened.

The left side is Firefox, the right Internet Explorer. After looking up the problem in the WordPress support forums I found this web page to solve the problem.

Great help! I put a copy of the pngfix.js into the wp-content directory and in the header.php file for my theme right after the <HEAD> portion I added

<!–[if gte IE 5.5000]>

<script type=”text/javascript” src=”http://www.dembowski.net/pngfix.js”></script>

<![endif]–>

And now the transparency of the PNG icons are handled correctly within Internet Explorer. Very easy fix.

Exit mobile version