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

Border radius not supporting in IE7

Border radius not supporting in IE7

Problem

i know border-radius property wont support in IE7.

Is there any css tricks to do border-radius in IE7 browsers.

Problem courtesy of: Prashobh

Solution

You can use CSS3 PIE to get this working.

To get it add the pie.htc file to the ROOT of your site. In your CSS file where you want to use border-radius add the following code:

behavior: url(path/to/PIE.htc);

In normal CSS the url is Relative to the CSS file. For htc files it is relative to the ROOT of your website. This is important as it won't work otherwise. Blame Microsoft.

NOTE:

If it's not working still then add this to your selectors:

position: relative;
z-index: 0;
Solution courtesy of: SpaceBeers

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

Border radius not supporting in IE7

×

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

Get updates delivered right to your inbox!

Thank you for your subscription

×