Comments on: PNG Transparency in Internet Explorer

By: No Hacks Required

No Hacks Required — Sat, 20 Mar 2010 20:42:20 +0000

There are two newly discovered aspects of Internet Explorer 6 that allow for transparent images to be displayed without the ugly gray background:

http://cubicspot.blogspot.com/2010/01/transparent-png8-is-solution-to-ie6.html

http://cubicspot.blogspot.com/2010/03/pseudo-transparent-24-bit-png-in.html

I’ve gotten great mileage out of the PNG8 solution on small and low-color images. The second approach is great for faking transparent images on solid backgrounds in IE6. Neither approach relies on hacks. Just plain-ol’ PNG images.

By: Andre Ferreira

Andre Ferreira — Tue, 26 Jan 2010 02:17:38 +0000

The JS your student sent you, does a simple loop on the images that exist on the website and manipulates them adding the CSS properties required to atchive the goal. The JavaScript it self can be disabled! The script is nice if you are short in time, but not professional. Also has other people already sayed, it doesn’t account for background images, nor does it solve CSS background-images (neigher does it go to external CSS files).
At the end of the day, the best solutions is still to add the required CSS manually and test it.

By: aqua

aqua — Thu, 19 Feb 2009 22:32:26 +0000

@TerrorBite

That’s why no one should hire you. You don’t know sh*t.

By: alec

alec — Sat, 25 Oct 2008 03:53:57 +0000

Thank you so much for this fix. It saved me sooo much time.

By: Nero

Nero — Tue, 18 Mar 2008 17:20:08 +0000

It doesn’t work for me. I need a transparent background which I set using CSS. Stupid IE.

By: ogłoszenia

ogłoszenia — Sun, 02 Mar 2008 14:55:37 +0000

Thanks a lot for this workaround!

By: CW

CW — Fri, 29 Feb 2008 13:59:17 +0000

I had the same result as Andrew, basically the “fix” could not be used because it distorts images.

By: Andrew

Andrew — Fri, 22 Feb 2008 15:24:40 +0000

I have this working but the final output is still looking different in IE6. Despite me setting a width and height in the img style it looks bigger in IE6 and doesn’t look as crisp as it does in Firefox/IE7.

Microsoft can go to hell!

By: stevo

stevo — Thu, 27 Dec 2007 10:23:46 +0000

A very nice workaround. Thanks a lot

By: Florin

Florin — Fri, 14 Sep 2007 11:15:24 +0000

Hi,

Good fix, but how can I change it to support background png’s? I don’t need background-position or repeat-x(y), just

”
experimentation revealed I could traverse the Stylesheets collection and use the AlphaImageLoader trick to replace all background-image attributes containing PNGs
“