The images with no pngFix. Note in IE6 that the backgrounds are light grey.
The images with pngFix, but the alpha transparent image is placed on top of the original image so the grey background remains.
The images with pngFix and the original image pushed out of sight - success.
To show that the resulting pngFix image can also be a link.
Icons by Design Reviver
I have recently been working on a web design that required forground png images that would display correctly in IE6 without any extra markup and the webmaster was struggling to find an answer that would work when the images were also used withing links.
They were unaware that this did have a fairly straightforward answer, so I have decided to publish the method here just in case anyone else is struggling with this.
The above demos all use the same markup, which is just the <img> element with classnames, and styled only by IE6 to produce a png image with 'tranparency' from the foreground image.
The last of the four demos shows that the resulting images can all be used within links.
Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.