homepage Welcome to WebmasterWorld Guest from 54.211.219.68
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

    
png file, firefox vs explorer
wheel

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



 
Msg#: 3805199 posted 3:30 pm on Dec 11, 2008 (gmt 0)

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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3805199 posted 11:58 am on Dec 12, 2008 (gmt 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]

wheel

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



 
Msg#: 3805199 posted 2:53 pm on Dec 12, 2008 (gmt 0)

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

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 3805199 posted 10:24 am on Dec 15, 2008 (gmt 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)

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved