Search code examples
cssinternet-exploreropera

border-radius for ie7, safari

I want to use border-radius across all browsers.

It's working on Firefox, Chrome and Safari. However it is not working on Internet Explorer 7, Internet Explorer 8 & Opera.

How this can be done across browsers?

Solution

  • I always use PIE.htc for border radius and it works great.

    border-radius: 20px;
-webkit-box-shadow: 20px;
-moz-box-shadow: 20px;
behavior:url(PIE.htc);

    http://css3pie.com/ <--download and place in the top level of your root folder.