There are numerous options available in JavaScript, .htc, and jQuery to create rounded corners for IE 6,7,8.
(Not compatible with IE 8)
http://code.google.com/p/jquerycurvycorners/
http://code.google.com/p/curvycorners/
Which solution offers the fastest rendering time? Some solutions I've tried are slow to render, resulting in angled corners in IE which looks unconventional.
Has anyone tested all of these solutions?
Which solution provides the quickest rendering time, or do you have any tips for faster rendering?
And which solution generates semantically correct code for rounded corners in IE?
In my project, I may not always need rounded corners on all corners. Sometimes, I need only the right-top and right-bottom corners to be rounded, or vice versa.
I may use rounded corners with or without both.
For Firefox, Chrome, and Safari, I will always use vendor extensions. The solution for IE will be kept separate in
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->
Which solution is the best among all these options?
Note: I always include the jQuery library in my projects.