Last Updated: February 25, 2016
·
7.009K
· mkjones

CSS3 box-shadow & border-radius in IE6,7,8

Download ie-css3.htc from:

http://fetchak.com/ie-css3

Ensure file is in the root of your site.

Create a simple reusable class in your CSS:

.rounded
{
    border-radius:10px; 
    behavior:url(ie-css3.htc); /* hack */
}
.shadow
{
    box-shadow:10px 10px 20px #000; 
    behavior:url(ie-css3.htc); /* hack */
}

Note: The .htc file only seems to work in the root of your site no matter where you point your url:() to (don't waste your time like I did).

Gives very rudimentary support to Microsoft browsers if you can't live without rounded corners or shadows!