Comments on: WordPress: Fixing PNG transparency issues in IE

By: links for 2010-01-22 | digitalbart

links for 2010-01-22 | digitalbart — Fri, 22 Jan 2010 22:26:38 +0000

[...] WordPress: Fixing PNG transparency issues in IE | Cypris' lookout (tags: png wordpress transparency ie ie6 image smashing in) Share and Enjoy: [...]

By: Babel

Babel — Fri, 30 Jan 2009 16:11:13 +0000

I am going crazy over this png thing... I have tried several methods, including this one, and none seem to work.

It is a png in the header of the blog. Does the fact that it's in the header make this work-around useless?

By: Jeff @ Business Phone Systems

Jeff @ Business Phone Systems — Fri, 09 Jan 2009 19:04:45 +0000

This is a great fix, I didn’t change the pngbehavior.htc file last time and had issues but now it works like a charm.

By: Renaud

Renaud — Sat, 06 Dec 2008 02:25:16 +0000

@Deredanger: please see the pngbehavior license located at: http://webfx.eae.net/license.html

You may want to check out the other references to similar implementations given at the end of this article to find one that is suitable for you.

By: Daredanger

Daredanger — Fri, 05 Dec 2008 19:25:56 +0000

Hi! Wemaster,

Can the technique that you have explained here be used for commercial websites free of cost. Is pngbehavior.htc file available free of cost for commercial projects. Please reply.

By: Srecko Bradic

Srecko Bradic — Fri, 07 Nov 2008 09:49:28 +0000

Thanks to you I will be able not to give the best in the graphic design of my web site :razz:

By: pethidne » Blog Archive » wordpress中透明PNG的正确显示(IE)

pethidne » Blog Archive » wordpress中透明PNG的正确显示(IE) — Fri, 29 Aug 2008 11:24:53 +0000

[...] 原文地址：http://blog.nkadesign.com/2006/wordpress-fixing-png-transparency-issues-in-ie/#comment-9023 Filed Under (未分类) by admin Read more [...]

By: pethidne

pethidne — Fri, 29 Aug 2008 11:05:20 +0000

Thanks a lot

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!