CODEWITHSUNDEEP
javascriptjquerycssjquery-uiinternet-explorer-8
user525146
user525146

Reputation: 3998

IE8 has no rounded corner for latest jquery

I am using the latest jquery and jquery-ui. I use most of the jquery buttons, datepicker, dialog, etc. None of them have rounded edges in IE8 either in compatibility mode or in non compatibility mode. However in firefox and chrome there are rounded corners. Is there anything that I need to include in the css of jquery which would apply the styles. Any help would be greatly appreciated.

Upvotes: 0

Views: 3155

Answers (4)

Aren
Aren

Reputation: 55966

Rounded Corners are a CSS3 Feature. IE 8 doesn't support CSS3. The earliest version of IE to support 'border-radius' is IE9.

If you're looking for a polyfill for older IE browsers check out CSS3 PIE. I personally didn't have much luck with it, but I hear good things.

While IE8 is leaps and bounds better than it's previous versions, IE8 Has many deficiencies; particularily with it's support of features. Remember it's a 3 year old browser at the moment, it's a bit behind chrome/firefox which push updates to you almost on a weekly basis.

There's many polyfills for many features it or other browsers are missing, check out the Modernizr Polyfill Wiki Article for information on tools you can use to fill the gaps. I will also suggest you carefully weigh the pros/cons of using a polyfill, sometimes you just don't need it. (Rounded corners aren't often website breaking, so you could just leave it out and carry on with your day)

Upvotes: 3

Bergi
Bergi

Reputation: 665334

They are a CSS3 feature which is not supported by IE.

Upvotes: 0

Mark M
Mark M

Reputation: 976

You may also want to check out Modernizr to emulate CSS3 features. We've used it for that purpose (among others).

Upvotes: 0

Johannes Klauß
Johannes Klauß

Reputation: 11040

You could use http://css3pie.com/ which emulates CSS3 features in old IE Versions. IE8 does not support a lot of CSS3 features like border-radius

Upvotes: 1

Related Questions