png file, firefox vs explorer

[wheel]

My logo is done as a .png file. The background when I bring it up in the Gimp is showing as transparent.

When viewed on my website with firefox, the logo has a white background as it should (since behind the logo is white). However when I view it in internet explorer, the background of the logo is grey.

Any idea how to correct that?

[limbo]

IE 6 does not support alpha transparency - so you'll need to use JS to display it properly, or use index transparency - which kind of defeats the purpose.

If you look up IE6 alpha transparency filter you should find a the fix.

[edited by: limbo at 10:44 am (utc) on Dec. 15, 2008]

[wheel]

Thanks Limbo! That explained it. A quite revealing look into png.

It seems gif's have 'transparency' on or off. png's can have transparency gradients or non-on/off values. And IE 5 and 6 can't handle that.

The only solution appears to be through CSS or JS and are real hacks. Like, non traditional css attributes, stuff like that.

Ultimately, while I figured I was doing the right thing using png files, the end result is that the solution was to use a gif of the logo file.

[caribguy]

I've used the PNG Fix developed by TwinHelix with success - don't think of it as a hack, it's easy to implement and uses conditional statements (i.e. CSS and XHTML will validate)