border radius CSS in IE browser

I have a div with开发者_如何学JAVA border radius, I write the CSS code for all the browsers:

border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;

but in IE it doesn't work! What should I do?

Border radius does not work in IE until version 9.

See: Support for "border-radius" in IE

There are some suggestions on that answer as well as on Google for alternatives.

You may be required to use images for your rounded corners. You may be able to use a JavaScript based re-creation of rounded corners.

I think using PIE.htc for all css3 styles will be better. I have used it in many of my projects and works fine in IE7/8/9.

Here is the link. http://css3pie.com/ This will provide you various demos for that and it is really helpful. Thanks.

If you're using IE8 or older, you have to do that with images or some sort of javascript plugin. If you're using IE9 or newer, then that code works perfectly fine.

Here are some jQuery plugins that could solve your problem: http://plugins.jquery.com/plugin-tags/border-radius

Nifty Corners works as well in IE8.

Here is an example: http://jsfiddle.net/jCm7T/1/