How to fix PNG transparency problem in WordPress

Internet Explorer 6(IE6) may be the worst browser ever made. Softwares are called solutions for computing problems, but I don’t know how to name IE6, since it is a problem more than a solution. It has a long history of bugs but despite its poor performance till the date it occupies a large part of browsers market.
Apart from box model problems, there is PNG transparency handling issue with IE6. Developers have to write there own hacks to overcome this problem.
If you are designing/developing a WordPress theme that would use transparent PNGs, you might run in to trouble with IE6. But fortunately there is a simple solution for this problem. There is a plugin name WP-UnitPNGfix which after activation, fix the PNG problem in IE6 for your blog regardless which theme you use.

png_fix

I use a lot of transparent PNGs in my current blog theme, means trouble for me in IE6 but this plugin worked like a charm for me. Despite its compatibility till WordPress 2.6, it can work fine with 2.7 as well. You can download this plugin here. Unzip and upload it to your wp-content/plugins folder and activate it from ‘Plugins’ in your dashboard. No more changes you have to do in CSS nor PHP files. Please note if you are considering your theme for public release & it has this issue, you must provide some manual solution along theme files. Google for “IE PNG fix“, and you will find many manual workarounds.

Tags: , , ,


I am a South Asia guy interested in Wordpress, Ubuntu, Graphics, Gadgets & blah blah. I love writing about my favorite things.

18 Responses to “How to fix PNG transparency problem in WordPress”

  1. Glad to be of help for so many people! ;)

  2. This worked great! Thank you so much for creating this awesome plugin, I’ll use this for my client sites from now on.

  3. Sajid Iqbal says:

    @Ben: Actually I am not the developer of this plugin, I just reviewed it here. Vincenzo Russo is the developer of this plugin. Thanks for your comment.

  4. @Sajid: Oops – I’ll go leave him a comment as well. Sorry I got confused.

  5. mark sayers says:

    Thanks, nice easy fix. Works with the latest version as well.

    Saved me a bit of work…

  6. Rory says:

    Tried it with 2.7.1 on IE6. Broke the page completely.

  7. Guilhem says:

    I tried it with WP 2.8 b1 on IE6, doesn’t work. :(

  8. Sajid Iqbal says:

    It is not compatible with this particular version. i.e WP 2.8.
    Hopefully soon we’ll get one.

  9. Matt says:

    Using 2.9.1 and it works fine; any way to turn it off for some .png files?

  10. Mike says:

    Hi… i’m using version 2.9 of wordpress. My png displays in ie6 without any grey crap around thanks to this plugin BUT the problm is that my alternative text content is also displayd over the png file (stacked over it) .
    How to get rid of this ?? Anyone ?

  11. Alistair says:

    Thanks to those who were worried about me, they let me know that they actually cared.

  12. Clerc says:

    Only presidents, editors and people with tapeworms have the right to use the editorial “we”.

  13. danielle says:

    i have used this which is great around logos, but didnt work around the picture boxes and removed the borders around images am I doing something wrong?

  14. broadband services these days are getting and cheaper and faster too, very soon we would have an affordable Gigabit internet “

  15. most broadband services are crappy, they can’t maintain high data transfer rates –*

  16. Brandan says:

    Excellent web page. Plenty of beneficial info listed here. I sure am sending it to a few associates ans also spreading in delicious. And lastly, good sweat!

  17. olsztyn says:

    not working

  18. Fahad Junaid says:

    Where you getting issue? Can you please mind explaining?

Leave a Reply

*

© 2013 Technowledge. All rights reserved.