I switched from Internet Explorer to Firefox many months ago. Although I test my web development with both Internet Explorer and Firefox, I do most of my casual testing using Firefox only.
In recent weeks, I’ve been trying to move my website image formats from GIF and JPG, to PNG (Portable Network Graphics) . PNG provides better color shading (can store many more shades in a file), better transparency (the only format that can handle gradient transparencies), and outstanding compression. It’s supposed to be supported by all the major browsers, and as the name implies (”portable”) it is supposed to display correctly across all browsers, platforms and computers.
Much to my dismay, I belatedly found out that Internet Explorer does not display PNG files correctly. In the examples below, I’m not even using transparency (the image’s background is a solid color, set to match the web page’s background). This is what it’s supposed to look like (and does look like in Firefox):
This is what it looks like in Internet Explorer (same page & graphics file, just viewed with a different browser) …
So, in summary, thanks Microsoft. You screwed me again!
Did you ever find a solution for this problem, other than sticking with jpg / gif for gradients and background matching stuff ?
Found this while researching the PNG issue: Cross-Browser Variable Opacity with PNG: A Real Solution (2002) http://www.alistapart.com/stories/pngopacity/
bill