I'm interested in using png images on a website I am developing right now. I need them to use alpha transparency to get the effect I want and I know that this was only now implemented in IE7.

I've found a way to make it look pretty good without alpha transparency so I basically want to show the png image if the browser supports it (IE7/Mozilla/etc) or a different jpeg image and add an image border if it doesn't.

I'm thinking this may need javascript, I'm hoping not, but if so...would a moderator be so kind as to move.

You would need to do this with javascript or serverside, but I think it is not worth the trouble since most browsers can handle png images.

Originally Posted by Smaaz

You would need to do this with javascript or serverside, but I think it is not worth the trouble since most browsers can handle png images.

Yes, most browsers, but Internet Explorer prior to IE 7 does not support PNG alpha transparency, and I would say that constitutes a rather large group.

IE7 DOES finally support alpha transparency in PNGs. Anything below that does not and requires a scripting solution. Since MS has pushed out IE7 as a critical update 2 weeks ago, it's going to hit a lot more pc's at once than you might think or that might if it were not marked as 'critical'.

What you can always do is add this line to your CSS to get IE6 (and I believe 5.5) to support PNG images. It's NOT standards-compliant but it works.

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='your image here');

Browsers such as Firefox will ignore it completely. I'm not sure about IE7 yet.

there is javascript witch fixes png trancpency problem here is link http://homepage.ntlworld.com/bobosola/index.htm

Awesome! I was thinking that I would have to lower my site quality for old IE users but this is great.