CODEWITHSUNDEEP
internet-explorercss
olidev
olidev

Reputation: 20644

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

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.

Upvotes: 4

Views: 15299

Answers (4)

Braden Best
Braden Best

Reputation: 8998

I don't know about you, but I tested border-radius:15px in IE9, it works :)

Upvotes: 0

jaywon
jaywon

Reputation: 8234

IE has yet to implement the border-radius CSS property. I believe with IE9 they will be implementing it. As for alternative options and an explanation from the team themselves, here is a link:

EDIT: IE9 does supports "border-radius".

Rounded Corners in Internet Explorer

Here is another SO link as well that has more detail:

Support for “border-radius” in IE

One more, here is an official MSDN blog posting discussing the topic:

The CSS Corner: About CSS corners

Upvotes: 2

Chris Heald
Chris Heald

Reputation: 62648

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.

Upvotes: 3

David Thomas
David Thomas

Reputation: 253318

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.

Upvotes: 4

Related Questions