How to apply border radius in IE8 and below IE8 browsers

Question

I would like to know how to apply border-radius to IE8 and below IE8 browsers   I know that border-radius is a HTML5 feature and IE8 doesn t support it   I found that by using  htc we can achieve this but by using htc I am encountering the problem of black background   I am unable to overcome this problem   Is there any other way of applying border-radius to IE8  If so can anyone explain me how

User · Accepted Answer

Option 1  http   jquery malsup com corner   Option 2  http   code google com p curved-corner downloads detail name border-radius-demo zip  Option 3  http   css3pie com   Option 4  http   www netzgesta de corner   Option 5  See this question  EDIT  Option 6  https   code google com p jquerycurvycorners

User · Answer

As the answer said above  CSS PIE makes things like border-radius and box-shadow work in IE6-IE8  http   css3pie com   That said I have still found things to be somewhat flaky when using PIE and now just accept that people using older browsers aren t going to see rounded corners and dropshadows

User · Answer

HTML    lt div id  myElement  gt Rounded Corner Box lt  div gt    CSS    myElement       background   EEE      padding  2em      -moz-border-radius  1em      -webkit-border-radius  1em      border-radius  1em      behavior  url PIE htc       border  1px solid red       PIE htc file can be downloaded from http   www css3pie com

User · Answer

PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features  http   css3pie com

User · Answer

Firstly for technical accuracy  border-radius is not a HTML5 feature  it s a CSS3 feature   The best script I ve found to render box shadows  amp  rounded corners in older IE versions is IE-CSS3  It translates CSS3 syntax into VML  an IE-specific Vector language like SVG  and renders them on screen   It works a lot better on IE7-8 than on IE6  but does support IE6 as well  I didn t think much to PIE when I used it and found that  like HTC  it wasn t really built to be functional

User · Answer

The border-radius property is supported in IE9   Firefox 4   Chrome  Safari 5   and Opera  because it is CSS3 property  so  you could use css3pie   first check this demo in IE 8 and download it from here write your css rule like this    myAwesomeElement       border  1px solid  999      -webkit-border-radius  10px      -moz-border-radius  10px      border-radius  10px      behavior  url path to pie files PIE htc          note  added behavior  url path to pie files PIE htc   in the above rule  within url   you need to specify your PIE htc file location

[css] How to apply border radius in IE8 and below IE8 browsers?

Examples related to css