-ms-filter rounded corners CSS3 effect in IE?

Question

I am using -ms-filter to get shadow effects working in IE. Is there a filter that I can use for rounded corners in IE? I do not want to use htc files. Thanks!

Solution 1

As for me, I use htc file and it's ok but a bit limited, so I cannot round only one corner using htc file because it can curve all the four corners only. Also there're some other issues related with this htc file. By the way, the issues are fiexed little by little. And I've already added an issue and waiting when it will be fixed :)

You can check my test of rounded corners http://starikovs.com/2010/08/24/css3-rounded-corners/, in some examples the htc file for IE is used.

Solution 2

Unfortunately there is no "official" solution from Microsoft. You can find a list of ms- extensions here.
There is hope though, as it seems like Microsoft will have border-radius support on IE9.

Your options are:

• Use some sort of JS hack (see Sotiris' answer)
• Use a custom ms-border-radius hack, like this one
• Use CSS3 PIE

Out of these options I find the last one the cleanest. It also supports gradients and other cool CSS3 eye candy.