Popular Posts

Friday, September 9, 2011

How To Get CSS3 To Work On IE6, IE7 and IE8

If only border-radius and box-shadow could work on IE6 to IE 8....

Well now it can be done! It's just a simple script you add to your code and bing bala boom, your IE6 browser now has the capabilities to use styling like border-radius and box-shadow and much more!

Here's what you need to do!

  1. Download this package and copy it to your sites directory. For example js, images or css.
  2. Add this line to all classes or ids that will be using CSS3.
  3. behavior: url(path/to/PIE.htc); This activates the magic.
Here's a example.
.box  {
   border-radius: 10px;
   box-shadow: 0 0 10px #000;
   behavior: url(path/to/PIE.htc);
It's that simple, expect a more revised version of this blog post.

No comments: