Geek Answers Handbook

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

I want to set the border for the div,

Usage: -webkit-border-radius works fine in Chrome, but does not work for Internet Explorer, triple versions: i.e. 6, 7 and 8: D

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

Thanks in advance.

+4
source share
4 answers

IE has not yet implemented the CSS border-radius property. I believe that with IE9 they will implement it. As for alternatives and explanations of the team itself, here is the link:

EDIT: IE9 supports "border-radius".

Rounded corners in Internet Explorer

Here is another SO link that has more details:

Support for "border-radius" in IE

Another, here is the official MSDN blog post discussing the topic:

CSS Corner: About CSS Corners

+2
source

CSS properties starting with a hyphen are vendor prefixes:

  • -webkit (for Webkit, Chrome and Safari browsers)
  • -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 other browsers.

-webkit-border-radius intended to implement the -webkit-border-radius property. As far as I know, border-radius will not be implemented by IE until IE 9 .

+4
source

Try using CSS3Pie . This makes it very easy to adapt CSS3 decoders for IE.

I did a little demo with Sass a few days ago if you want to test this in IE.

+3
source

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

0
source

More articles:


All Articles