Comments on: WordPress: Fixing PNG transparency issues in IE

By: Niyaz

Niyaz — Tue, 22 Jul 2008 14:40:02 +0000

A big thanks to you for making this particular modification.. really appreciate it …

By: Renaud

Renaud — Tue, 13 May 2008 09:21:02 +0000

To Krembo99: it may be a good solution to put the CSS trick in the HTML header directly between these conditional comments. Whichever way you do it wouldn't matter much in term of performance: Behaviors are a IE-only extension and are totally ignored by other browsers. Just use the way that makes most sense to you and your site structure.

There have been some improvements made to the PNG behavior I use and I'll post the detail soon.

By: Krembo99

Krembo99 — Tue, 13 May 2008 07:34:51 +0000

Shouldn't we use conditional comments here ?

Css here

Css Here

Otherwise it would just overload browsers who does not really need that fix .

By: Niall Ridge

Niall Ridge — Wed, 20 Feb 2008 09:09:41 +0000

Flipping awesome! I found the pngbehaviour script but wasn’t sure where it had to live for wordpress. Thanks!

By: Mark Abucayon

Mark Abucayon — Sun, 09 Dec 2007 05:56:05 +0000

This is nice- It saves my day.

By: Kevin

Kevin — Wed, 26 Sep 2007 19:39:19 +0000

I simplified the process and created a simple plugin that should work out of the box. You can find it here:

http://www.mukei.org/8/ie-png-transparency-fix

It’s the same fix this article is describing except that it automatically adds the necessary HTML code to any template that will be used. No need to modify individual templates.

By: Razn8

Razn8 — Thu, 13 Sep 2007 02:13:06 +0000

I’ve followed the instructions outlined in your article, but I can’t get it to work in ie6.

I’m using WordPress 2.2 and K2

By: Renaud

Renaud — Thu, 31 May 2007 00:03:40 +0000

Hi Andy, It's true that I have supposed that WordPress was installed at the root of the website, so in your case, my guess is that you probably have a path issue. One thing I do not mention in the article is that you may also have to edit the path to the blank.gif inside the pngbehavior.htc file; you will probably want to update line 29 : var blankSrc = "/wp-content/themes/blank.gif"; to whatever path to blank.gif. Let me know if it worked.

By: Andy

Andy — Wed, 30 May 2007 19:30:37 +0000

Hi. Thanks for writing and developing this. I’ve used png IE fixes before with flat HTML sites, works great, but I just can’t seem to get Wordpress to accept the fixes. I hoped this was the answer but I just can’t get this to work either. Followed and didn’t change your instructions.

My only thought is perhaps because haven’t got Wordpress installed in the URL root? It’s a dev site hosted a few levels deep. Any ideas?

Thanks again.

By: Samuel Clarke

Samuel Clarke — Sun, 04 Feb 2007 22:03:37 +0000

Thanks so much for that! This has saved me a lot of work. Hopefully in the next few years the rest of the world upgrade to more modern browsers - Safari, Firefox, IE7 (in that order). But for now this work around is great!

By: Vikingprincess

Vikingprincess — Thu, 23 Nov 2006 12:29:58 +0000

BIG THANK YOU! I had been struggling on and off for days with getting a transparent png fix for IE6 to work.

I couldn't get it to work until I read your page. It is particularly relevant for people who use Wordpress.

Thanks again!

By: Herbert Spencer

Herbert Spencer — Thu, 13 Jul 2006 16:44:41 +0000

Hi, your post was just what I was looking for. Thanks a lot!