Css: -webkit-border-radius for Internet explorer?

Question

I want to set border for a div,

Using: -webkit-border-radius working fine on Chrome but it is not working for Internet explorer, triple versions: ie 6, 7 and 8 :D

Is there any other attribute like -webkit-border-radius specifying for IE?

Thanks in advance.

Answer 1

CSS properties that begin with a hyphen are vendor-prefixes:

• -webkit (for Webkit browsers, Chrome and Safari)
• -o (for Opera)
• -moz (for Firefox and, I think, for the Gecko rendering engine)
• -ms (for IE)
• -khtml (for Konqueror)

These prefixes are ignored by the other browser engines.

-webkit-border-radius is targeted to Webkit's implementation of the border-radius property. So far as I know border-radius won't be implemented by IE until IE 9.

Answer 2

Try using CSS3Pie. It very easily lets you adapt CSS3 decorators for IE.

I did a small demo of it with Sass a few days ago, if you'd like to check it out in IE.