Problem: old JPG on new background
Solution: Use a PNG-24 with alpha transparency
Problem #2: IE6 doesn’t render correctly. It ads a nasty blue border
Solution: Use a PNG-8 with transparency.
Step 1: Open in Fireworks
Step 2: Change to PNG-8
Step 3: Change to Alpha Transparency
Step 4: Choose File->Export (don’t use “Save”)
Result: IE6 displays the solid colors (white with gray border), but not the alpha colors. It’s not perfect, but it works for our 15% IE6 users.
Here’s a breakdown on image types and browser functions
| | 256 colors | 32bit color | simple transparency | alpha blending modern browsers | alpha blending IE6 |
| JPG | yes | yes | no | no | no |
| GIF | yes | no | yes | no | no |
| PNG-24 | yes | yes | yes | no | yes |
| PNG-8 | yes | no | yes | yes | yes |