For those who still cater to the old beasts (IE 5.5 + 6), here’s a nice little transparency fix I haven’t come across before.
After spending yet another few hours trying various fixes and suffering failure or x-library incompatibilites, this one was up and running in just a few minutes.
Long story short, this uses Microsoft’s implementation of VML instead of Microsoft’s AlphaImageLoader filter. I stumbled upon the notion that PNG images show up correctly in a VML fill element while working on DD_roundies.
http://www.dillerdesign.com/experiment/DD_belatedPNG/
And for the DD_roundies (rounded corners, full circles etc):
This is a Javascript library that makes creation of rounded-corner HTML boxes easier, with a focus on Internet Explorer.
IE is supported through use of VML. Standards-compliant browsers are, by default, ignored. If you wish it so, each call to DD_roundies.addRule can take an optional third parameter that will spit out appropriate proprietary code for browsers that are known to support the CSS border-radius property.
Since Opera doesn’t currently (time of writing: 2009-01-01) support border-radius, this library doesn’t do anything in Opera. If you need something truly cross browser, use this library only for IE (through conditional comments), and use an SVG background image for other browsers.
http://dillerdesign.com/experiment/DD_roundies/
