Welcome to WebmasterWorld Guest from 54.204.165.156

Forum Moderators: not2easy

png file, firefox vs explorer

   
3:30 pm on Dec 11, 2008 (gmt 0)

WebmasterWorld Senior Member wheel is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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?

11:58 am on Dec 12, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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]

2:53 pm on Dec 12, 2008 (gmt 0)

WebmasterWorld Senior Member wheel is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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.

10:24 am on Dec 15, 2008 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



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)
 

Featured Threads

Hot Threads This Week

Hot Threads This Month