rounded tab corner using MVC and jQuery

Question

In the jQuery tabs example in http://jqueryui.com/demos/tabs/, the tab corners are not rounded in IE7. How can we make them rounded in IE7? Where to get the complete code for these examples? Apparently the actual css files used are missing.

possible duplicate of [Creating rounded corners in IE7 / IE8](http://stackoverflow.com/questions/6941158/creating-rounded-corners-in-ie7-ie8) — jrummell, Oct 04 '12 at 14:06

score 3 · Answer 1 · edited May 23 '17 at 12:27

3

You would have to use a javascript hack in IE7, as it doesn't support border-radius in CSS.

See Creating rounded corners in IE7 / IE8 for a few options.

edited May 23 '17 at 12:27

Community

1
1

answered Oct 04 '12 at 14:03

jrummell

42,637
17
112
171

score 0 · Answer 2 · answered Oct 04 '12 at 14:06

0

The short answer: You can't. IE7 (and 8) doesn't support what you're trying to do. http://caniuse.com/#feat=border-radius

The slightly longer answer: You might be able to fake it: http://code.google.com/p/ie7-js/

answered Oct 04 '12 at 14:06

Mikkel Løkke

3,710
23
37

rounded tab corner using MVC and jQuery

2 Answers2