Question

I am trying to make the simple html button with rounder corner using CSS3 but for IE i am using .htc file for round curve, is the .htc file using is good habit or bad i am not able to judgment to use this .html file.

My another worries is that progressive enhancement allow to use .htc file or not.

Please also tell me if there are some disadvantages to use .htc file.

I am new to css3, help much appreciated.

Answer 1

The disadvantage of those .htc-based solutions is that because they draw the corners using JavaScript and VML, they are slow (compared to browsers that have native border-radius support). However, you’ll only usually notice this if you’re using the effect extensively.

Unfortunately though, there isn’t any better method to get rounded corners in older versions of IE (IE now supports border-radius in version 9):

• Images are a lot of work (you have to make new images for different radii)
• Pure JavaScript solutions doing things like making many divs to create the corners are an even slower solution.

What I would suggest is using CSS3PIE to make the rounded corners instead. This uses the same .htc/VML method, but it’s an actively updated library doing it in the best way possible. Additionally, it provides support for more CSS3 eye-candy.