Comments on: PNG Image Fix For IE

by: _megankish__

Mon, 12 May 2008 15:14:30 +0000

AWESOMENESS! This saved my life! I have used a couple other png fixes before, but that loading time was a real drag. It took me a couple of times to get this right with the location of my blank.gif but I got it working! I was also excited to see that it fixes the small image distortion. I had small images of folders on the homepage and they were slightly distorted and I couldn’t figure out why!

You have an awesome brain!

thanks!

by: Herryanto Siatono

Fri, 11 Apr 2008 04:51:39 +0000

@JK, thanks for the note, noticed that as well, but was just too lazy to look at it previously, coz I knew how to avoid it.
Anyway, just fix it, more about it at:
http://www.pluitsolutions.com/2008/04/11/solving-css-png-fix-background-none-call/

by: JK

Thu, 10 Apr 2008 18:24:02 +0000

Be aware that setting this.runtimeStyle.backgroundImage = “none” causes IE to call “none” from the server. If you have a lot of images, that is a lo of calls for a non-existing file. Check your fiddlers.

by: Herryanto Siatono

Thu, 10 Apr 2008 17:19:54 +0000

@CMN, Thanks for the note, I’ve updated the .css file to be in sync, the difference is with * html img, it iwill automatically pick up tags and fix the png transparency issue.

On some cases if you have lots of img tags with only a few that requires transparency fix, you can choose to remove it, and you would have to add “png” class name for that needs the tranparency fix, for performance reason.

…

is just an example assuming that “box” contains background image defined in the css, I’ve changed it to “flower_bg” to avoid confusion.

by: CMN

Thu, 10 Apr 2008 16:08:55 +0000

There is a code difference between the version from “download link” vs the one presented on table above - “*html. img” is missing in the former. That makes the difference in

While, i have no luck in the Stylesheet image. Can i have more detailed explanation on how we put in ? Where do we include this ? All words “box png” in ?

by: Christine Walker

Thu, 10 Apr 2008 14:44:06 +0000

This is a great solution and so easy to implement. Thanks so much.

by: Herryanto Siatono

Thu, 10 Apr 2008 07:12:18 +0000

Forgot to mention that you’ll need to download blank.gif to /images folder, instructions updated.

by: Adam

Wed, 09 Apr 2008 19:11:57 +0000

Great fix. I tried it and I am getting trasparency and images, but the image has a broken link behind it.

by: Herryanto Siatono

Wed, 09 Apr 2008 10:17:04 +0000

@Lemu, please find the step-by-step instructions as requested.

by: Herryanto Siatono

Tue, 08 Apr 2008 13:44:38 +0000

Nils, I guess it’s a matter of preference, for those with developer background, they may not like the lengthy declration of the filter in seperate CSS. For peole like them, including me, it’s a bliss to be able to just declare a class name and solve the problem. :)