views:

720

answers:

2

I'm using border-radius.htc to simulate the border-radius CSS property in IE. It works fine, but I want to show and hide a div with rounded corners.

The problem is that the border-radius.htc does not support advanced manipulation like hiding div, only modifying the size.

Has anyone experienced similar problems and found a solution?

A: 

I'm just going to recommend http://www.curvycorners.net/. Pushing an .htc isn't really the best option out there - I actually haven't seen that in years. Plus IE could drop support whenever!

I have heard rumors of native border radius in IE9!

Best of luck to you =D

Kyle
+1  A: 

You can use css3pie for rounded corners on ie6 and up.

Use PIE with the behavior tag which will not effect any other browsers except ie6/7/8:
.rounded-borders{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior:url(PIE.htc); /* Will not effect other browsers */ }

IE9 will have native support for rounded corners. This script takes that into account.

hitautodestruct
Rich Bradshaw