-6

How can i use border-radius on all versions of IE? 

.myclass {
    border-style: solid;
    border-width: 2px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

Is it possible with jquery?

Richard Neil Ilagan
  • 14,627
  • 5
  • 48
  • 66
Kashif Munir
  • 193
  • 1
  • 3
  • 19
  • possible duplicate of [Css: -webkit-border-radius for Internet explorer?](http://stackoverflow.com/questions/3647974/css-webkit-border-radius-for-internet-explorer) – sandeep Jun 21 '12 at 08:08
  • are you did any effort for searching the answer – sandeep Jun 21 '12 at 08:10

4 Answers4

5

Since border radius (and other CSS3 properties) is not supported in older browsers, you can use CSS3 Pie for example. Keep in mind that you are referring to styling not to scriping. So asking if it can be done with jQuery is a bit weird.

Bas Slagter
  • 9,831
  • 7
  • 47
  • 78
1

Use CSS3 PIE http://css3pie.com/

SVS
  • 4,245
  • 1
  • 23
  • 28
0

You have try with the plugin dd_roundies(download link) for the border radius on IE. Hopes It may helps you

muthu
  • 5,381
  • 2
  • 33
  • 41
  • it says there are issues with it on ie8 and opera? – atmd Jun 21 '12 at 08:09
  • its says "Opera has no support at the moment" – atmd Jun 21 '12 at 08:34
  • did u use like this – muthu Jun 21 '12 at 08:40
  • I haven't used the plugin. It says on the website link you gave that the plugin doesn't yet support opera and that there are issues with some ie8 versions – atmd Jun 21 '12 at 08:43
  • then use the style -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; for opera. I suggested only for the rounded corner supported in IE – muthu Jun 21 '12 at 08:48
  • why waste time using vendor prefixes. just use prefix free – atmd Jun 21 '12 at 08:53
0

Considering your code you were already in the right place.

You could find the answer to your problem a bit further down.

Community
  • 1
  • 1
spiel
  • 347
  • 3
  • 15