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

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 2

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

Answer 3

You can have a look at FlexiPanels CSS - a Dreamweaver extension that makes CSS rounded corners without coding. Works on IE8 as well.

Answer 4

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 CCS3PIE website. It is a much better solution!