I always wonder why Internet Explorer doesn't support CSS3 border-radius property, which is natively supported in Safari, Firefox and Chrome.
I know there are many ways to do this which includes javascript and css methods to achieve them. I found another cool method of implementing it. This method also support box-shadow property.
Please follow the following procedure to implement this
Step 1:- download it and upload it
[download id="1"] it and unzip. Upload the PIE.htc to you server, its the behavior file for IE, which does all the magic.
Step 2:- Write some css
Write some css styling
#myCss{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
(Note the -webkit- and -moz- prefixed versions; these are necessary to make the rounded corners work in WebKit and Mozilla-based browsers.)
Step 3:- Apply PIE
In that same CSS rule, add the following style line:
behavior: url(path/to/PIE.htc);
You Are Done