Date: 01/15/08 (Web Development)    Keywords: css

Put your thinking caps on.

Using mootools and an alphapng.js plugin tweaked, and a little CSS, I can almost 100% eliminate the flash of unstyled content caused by PNGs in IE6.

The rub is this - it works for all img elements, but not background-images. Is there a way anyone can think of, to make all background-images disappear without manually coding as such?

(I'm thinking filter:alpha(opacity=0), which I'm using to eliminate the issue for img tags)

It's along the lines of a CSS selector - which IE6 doesn't support, and it needs to be run immediately before the CSS fetches the background images to prevent the PNGs from showing up before the swap is run...

SO CLOSE, yet so far...

Source: http://community.livejournal.com/webdev/458560.html