CSS3 box-shadow & border-radius in IE6,7,8
Download ie-css3.htc from:
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!
Written by Kimb Jones
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css3
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#