I quit using transparent png’s all together except when i NEED them. just to much of a pain. none of the JS ever worked right for me and just wasn’t worth the time. for experimenting it’s awesome. if you could care less about the gray box they’re awesome. for practical application i stick with what i know works.
I tend to use a conditional-commented style sheet to address background pngs – but this link has a easy to use fix too. I’ve used this a few times.
Unfortunately – we’ll have to keep coding for IE6 for a year or two more and if the fix for a design is easy enough to implement – then I believe we have a duty to do so. For the time being anyway.
This is the easiest and best fix I have ran across. It’s a 2 step process. First add this js file to a place that’s easily accessible to your pages, either the root or js/scripts folder.[attachment=0]pngfix.zip[/attachment]
Then add this code to the <head> section of your page.
Don’t forget to change the src="pngfix.js" to the place you put the file.
U do know that your scripts applies to ALL ie’s above 5,5… so also ie 7 and 8 which have no problems with PNG.
This one saved my life, just place it anywhere between the <head> </head> tags
Just change your <!–[if gte IE 5.5000]> to <!–[if lt IE 7.]> This script is the same as the file I posted previously. I just use an include instead of posting the entire script inside the head of each page.