Support/Comments for PNG-Alpha Transparency for MSIE

This is an auto-generated support/comment thread for PNG-Alpha Transparency for MSIE.

Use this forum to post any comments about this addition or any questions you have regarding its use.

Brief Description:
Fixes PNG-24 Alpha Transparency bug MSIE 5.5+

What is the problem here?

On some of my pages I get png images shown in some pages and not in some others. I think it’s strange. I tried copying source from one working page to one non-working page, and it did not work, though the "view Source" was identical...

A working page is here:
http://www.qson.se/modx/tjanster.html
And a Non-working is:
http://www.qson.se/modx/tjanster/webb.html

At the bottom of the non-working page I pasted the code from the working page. It does’nt work here!

Please help!

How does this handle .PNG images as backgrounds in CSS? Since it uses the DOM to reference images on the page, only part of the images have the filter applied. Is there a better solution for CSS-defined (background-image) and HTML-defined .PNG images in MSIE 5.5 & 6 ??

This seems to be the closest solution I can find (I believe the SAME solution packaged with MODx ...however,I have never used it )

http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html (DEMO Link @ Bottom of Page)

Unfortunately, I don’t think this handles CSS-defined images/backgrounds ..Is there a solution?

This appears to be a modified version that also handles CSS background images, but looks much more messy:

http://archivist.incutio.com/viewlist/css-discuss/74852

.png images for CSS backgrounds is a total mess in IE6 and flakey at best.

Quote from: rthrash at Apr 09, 2007, 05:58 PM

.png images for CSS backgrounds is a total mess in IE6 and flakey at best.

So the general consensus is to avoid altogether? Do you deal much with .PNG, and if so, what’s your preferred method? (img behavior:) and no CSS-backgrounds?

Thanks Ryan.

I use Images for CSS backgrounds, but not with PNGs much. If I do use PNGs I’ll typically use a custom implementation that sizes an area to a specific size and crops, not scales the results. It’s honestly complex and not worth the effort unless you’ve done it a bunch before (using PNGs... .gifs or .jpegs are fine).

Hey there

I’ve been trying to implement the PNG transparency snippet in MODx 0.9.6. Is there problems with this version? In IE6 the png file just doesn’t even show up if this plugin is enabled. Can you give any advice?

Thanks

Quote from: gl330k at Aug 21, 2007, 11:50 AM

Hey there

I’ve been trying to implement the PNG transparency snippet in MODx 0.9.6. Is there problems with this version? In IE6 the png file just doesn’t even show up if this plugin is enabled. Can you give any advice?

Thanks

same problem... anyone??

Quote from: gl330k at Aug 21, 2007, 11:50 AM

Hey there

I’ve been trying to implement the PNG transparency snippet in MODx 0.9.6. Is there problems with this version? In IE6 the png file just doesn’t even show up if this plugin is enabled. Can you give any advice?

Thanks

You need to make sure your image has defined WIDTH and HEIGHT attributes:


Otherwise the image will disappear in IE6 when enabled.

Great, thanks for the fast reply!