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

Home / Forums Index / Browsers / Firefox Browser Usage and Support
Forum Library, Charter, Moderators: incrediBILL

Firefox Browser Usage and Support Forum

Transparent image problems in Firefox
Browser Viewing Problems

 11:05 pm on Jan 20, 2006 (gmt 0)

I am having problems with how my website looks in Mozilla FireFox and Internet Explorer.

I am designing for a IE audience mostly. I have a transparent image that shows up correctly (with rounded edges on the rectangle) in FireFox but incorrectly (with sharp edges (the actual size of the image) in IE.

I was wondering if anyone knew why this happens.



 11:19 pm on Jan 20, 2006 (gmt 0)

Hard to tell without seeing the code. IE is a very poor browser but it sounds like you coded using Firefox as your design browser. This is the right thing to do because you know your code is standards compliant.

Something to check. Do you have a proper doctype on your page? Otherwise IE goes into quirks mode and you never know what it will do.

Validate your code for errors.


 11:30 pm on Jan 20, 2006 (gmt 0)

Here's another thing to check with transparency troubles -- IE does not support png alpha channel transparency (percentage transparency) properly. So if it's a png image, stick with with 100% transparent pixels (that is 8-bit, not 24-bit).

If it's a gif image, well, then we probably need to look at the css. Especially if it's a linked image.


 5:08 am on Jan 22, 2006 (gmt 0)

Yeah, sounds like you're using a .png file. IE won't support this. Convert it to GIF, or stick it in a flash file if it has special gradient transparencies that look crumby in GIF format.


 6:50 am on Jan 22, 2006 (gmt 0)

... or use Dean Edward's IE7 script. Works wonders on transparent PNGs :)

Global Options:
 top home search open messages active posts  

Home / Forums Index / Browsers / Firefox Browser Usage and Support
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