Welcome to WebmasterWorld Guest from 54.145.235.23

Forum Moderators: not2easy

Message Too Old, No Replies

png file, firefox vs explorer

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

Senior Member

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

joined:Feb 11, 2003
posts:5072
votes: 12


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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Oct 4, 2002
posts:2204
votes: 0


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)

Senior Member

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

joined:Feb 11, 2003
posts:5072
votes: 12


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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Feb 16, 2007
posts: 846
votes: 0


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)
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members