-5

How to use border-radius in IE.(All Browsers)

because firefox,chrome support border-radius but how to use for IE?

Cœur
  • 37,241
  • 25
  • 195
  • 267
user3515467
  • 1
  • 1
  • at least IE 10 supports border-radius, so you should be more specific, don't include all the versions here. – King King Apr 09 '14 at 13:57
  • http://caniuse.com/#search=border-radius – Jonas Grumann Apr 09 '14 at 13:57
  • the border-radius feature is not something really important, it's just some kind of UI enhancement, so for other versions, we simply just accept the sharp square angles. I think many people will switch to the latest version soon. – King King Apr 09 '14 at 14:00
  • You can use a JS polyfill such as [css3pie](http://css3pie.com/) for IE8 retro-compatibility – Luca Detomi Apr 09 '14 at 14:00

1 Answers1

0

you need try this:

.my-block {
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  -khtml-border-radius: 10px; /* KHTML */
  border-radius: 10px; /* CSS3 */
  /* Для плохих IE */
  behavior: url(border-radius.htc); /*IE border-radius */
}

Fortunately, IE can be quite beautiful to win his own means. One of my favorite solutions using VML and behaviour - curved-corner. To use merge border-radius.htc, we add next to CSS and use the following code: Spent time

AlexPrinceton
  • 1,173
  • 9
  • 12