Was just wondering what would be the best fix for PNG in IE6, I know theres several way to do it but am just wondering what would you guys suggest be most effective way and if you could provide an example on how to implement it on this site I’m working on that would be great, heres the link, notice the MAKE A DONATION button is a PNG.
Did you try to find a solution yourself? The web is loaded with solutions to this problem. We’re not here to google solutions for you, you’re supposed to be able to that yourself (unless you live in China, then you should use Baidu ;))
Thanks ScallioXTX I used the javascript from your first post. Unfortunately I’m on a Mac and my PC only has IE 7. Is there a site where I can test my websites to see them in IE6? If not, could someone please review the site using the hack supplied by ScallioXTX and just see if the PNG is showing up correctly as I may not have implemented it correctly.
If you only want the odd image transparent and don’t need background properties then you can just use the filter natively on an image by image basis without javascript as shown in the Sitepoint reference.
Don’t apply the filter to positioned elements that need ot ne clicked as they will become unclickable. Position the element first and then apply an inner non positioned element to hold the transparent image.
If you have lots of images then the methods mentioned above are best as they automate the process to some degree.
Wherever possible I will try to avoid having to use the filter or javascript and will instead use 8bit transparent pngs for IE6 (which it understands) and 32bit pngs for everyone else. Ie6 gets the lesser quality pngs which in a lot of cases don’t look too bad but if there are a lot of shadows and transparency effects then the image doesn’t look too hot.