jQuery round corner code for IE8 in standards mode?

Question

I need a solution for round corners using javascript with or without jQuery in IE8 standards mode.

Answer 1

Here is an htc file which works and is very popular.

Curved Corner Border Radius Cross Browser with HTC file

A file with the HTC file extension is a HTML Component file.

Answer 2

This seems to work in ie8 :

try it...

Update 11-10-2010: You can also try to include PIE.HTC and call that from your stylesheet. for more information see the CSS3PIE website. It is a much better solution!

Answer 3

I've had good luck with dd_roundies. It doesn't use jQuery and it's a pretty small script.

Example usage from the site:

<script src="DD_roundies.js"></script>
<script>
/* EXAMPLES */

/* IE only */
DD_roundies.addRule('.roundify', '10px');

/* varying radii, IE only */
DD_roundies.addRule('.something_else', '10px 4px');

/* all browsers */
DD_roundies.addRule('.yet_another', '5px', true);
</script>

Answer 4

jQuery corner() seems to work correctly in IE8 standards mode. Seems to be the go-to corner plugin for jQuery, too.