Web Design Guide

Icon

Usibility and design guidlines for web design

PNG transparency Fix for IE6

This is a bulletproof fix for the PNG transparency issue in
IE6 without any scripts.

Use Fireworks to export the image as a PNG 8 with alpha
transparency. Here is how:

1. Open the file in Fireworks (I’m using Adobe
Fireworks CS4)

2. The select Export Wizard for the File menu.

Picture 1.png

3. In the Export Wizard properties box choose
select an export format and click continue.

Picture 1.png

4. Next select the The web option and click
continue, then click exit.

Picture 1.png

5. Now you should be in the Image preview properties
window.  Select PNG 8 from the
format selection dropdown menu.

Picture 1.png

6. This step is very important. Make sure you
choose Alpha transparent from the transparency selection dropdown menu; them
click export and save your IE6 proof transparent PNG!

Picture 1.png

And that’s it you’re done.

Filed under: 1

Leave a Reply