Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

How to add CSS3 rounded corners with modernizr?

How to add CSS3 rounded corners with modernizr?

Problem

I am trying to add CSS3 based rounded corner support in IE7 and IE8 on following page

Test URL: http://jaspreetkaur.com/postjoint

I have included modernizr library, but it's not working. Is there any code that i need add to make it working in IE?

Problem courtesy of: Alok Jain

Solution

As others have said, Modernizr won't make legacy browsers able to support CSS3. It only checks for support, plus other neat features, such as HTML5shiv, so that you can use HTML5 markup.

To enable CSS3 features in older browsers, you might try CSS3 Pie, but I find it some times creates more problems than it solves. I usually just don't let older browsers see all the fancy stuff, such as rounded corners. It's just a minor design feature, not critical to the overall functionality or layout.

http://css3pie.com/

Solution courtesy of: Nix

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

How to add CSS3 rounded corners with modernizr?

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×