This page uses Microsoft's AlphaImageLoader filter to properly display a png transparency in IE 6. The CSS parent>child selector is used to allow non IE 6 browsers, such as FF, the chance to display the png in its native state; FF can display a png in its native state but won't display it if the AlphaImageLoader is specified (IE 6 screenshot).
This solution also works in Opera 8.51 and according to an iCapture test it also works in Safari (2.0.4). The full filter code is in the source of this page.
I've included a gif version of the image so that you can see that while its colored matte does help there's still a bit of a jagged look to the image and the color doesn't always blend well with the background - most notably in the pink area near the arms. On a solid colored background the gif doesn't have a problem.
The downside to the png is the file-size but I may not be optimizing the file as best as I could. In this example the png is 90kb and the gif is 28kb.
This page uses Microsoft's AlphaImageLoader filter to properly display a png transparency in IE 6. The CSS parent>child selector is used to allow non IE 6 browsers, such as FF, the chance to display the png in its native state; FF can display a png in its native state but won't display it if the AlphaImageLoader is specified (IE 6 screenshot).
This solution also works in Opera 8.51 and according to an iCapture test it also works in Safari (2.0.4). The full filter code is in the source of this page.
I've included a gif version of the image so that you can see that while its colored matte does help there's still a bit of a jagged look to the image and the color doesn't always blend well with the background - most notably in the pink area near the arms. On a solid colored background the gif doesn't have a problem.
The downside to the png is the file-size but I may not be optimizing the file as best as I could. In this example the png is 90kb and the gif is 28kb.