| Welcome to WebmasterWorld Guest from 184.108.40.206 |
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
|Pubcon Platinum Sponsor 2014|
|png file, firefox vs explorer|
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?
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]
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.
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)
All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved