This week, I stumbled across another promising rounded corner fix for IE called CSS3pie. You see, like in previous posts made here, IE doesn’t support CSS3′s border-radius property, but there are various attempts at fixes kicking around. Supposedly, IE9 will officially support the property, but IE7 and 8 are still very much alive, so it annoys me a little bit that I can’t bring this enhancement to the browser.
So, while I was working on a minor upcoming update (301tool 1.1.4), I thought I might give it a test and see how it holds up.
For most static elements, it appears to work fine. However, the moment you start applying it to interactive elements…things go completely awry.
jQuery effects…forget it. Just…no. Depending on what you have, fadeIn(), fadeOut(), show(), and hide() either don’t work very well, cease to work entirely, or elements jitter and jump around on the screen to and from various locations.
Form elements need an extra click to activate, especially buttons.
With fieldsets, the standard IE fixes for margins & padding and legends disappear.
So, while this new kid on the block looked promising, this basically has the same drawbacks as with other HTC border-radius solutions for IE. Oh well.
But again–if you just need it for static divs and spans, it seems to work great, and the performance appears to be much better than some of the other HTC-based solutions I’ve seen.
