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?
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.