<abbr title="Portable Network Graphics">PNG</abbr> and <abbr title="Internet Explorer">IE</abbr>
Alpha Channels in PNG don’t work with IE, as we have learnt to our cost. It never occurred though that it might be an IE limitation until I read one of Dave Shea’s posts yesterday; for me, who’s rather limited mentally, that was just because of the PNG format. And we would struggle just to get the right transparency (not to talk about The Gimp: I still haven’t figured out how to make a PNG transparent.
But the culprit was elsewhere. And the post mentioned above provides a link for a (somewhat complicated) solution – using AlphaImageLoader
. The thing is, once the property behavior
is used, the stylesheet doesn’t validate anymore. That’s why I reused WebFX example and inserted a piece of JavaScript to enable the Alpha channal and to validate. The result can be seen here. The drawback? A FOUC bug of some sort. I’ll have to think about that one.