Welcome to WebmasterWorld Guest from 54.225.33.25

Forum Moderators: incrediBILL

Message Too Old, No Replies

Transparent image problems in Firefox

Browser Viewing Problems

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

New User

10+ Year Member

joined:Jan 12, 2006
posts:38
votes: 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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:May 23, 2005
posts:742
votes: 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)

Senior Member

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

joined:May 26, 2000
posts:37301
votes: 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)

Preferred Member

10+ Year Member

joined:Nov 22, 2005
posts:388
votes: 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)

Senior Member

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

joined:Mar 15, 2002
posts:6807
votes: 0


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