In default way old browsers (like IE 8) can not use all new technology, because at the time of their creation no one predicted this kind of solutions. Fortunately, JavaScript can often be put to work to make non-supporting browsers do the same thing that CSS3 makes more recent browsers do. If you want a template on your site was in full compatible (backwards) you have to reach for this type of solution.
Here you are a few popular scripts they each can handle a variety of CSS3 emulation tasks:
- Selectivizr, created by Keith Clark selectivizr.com – is a JavaScript utility that emulates CSS3 pseudo-classes 19, 2 pseudo-elements and every attribute selector in Internet Explorer 6-8. We used it in our new Gavern Framework.
- cssSandpaper, created by Zoltan Hawryluk www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/ – is a JavaScript library looks at the stylesheets in an HTML document and, where possible, smooths out the browser differences between CSS3 properties like transform, opacity, box-shadow and others.
- CCS3 PIE, by Jason Johnston css3pie.com – can makes border-radius, box-shadow, multiple backgrounds, background-origin, back-ground-clip, and linear gradients will work in IE 6, IE 7 and IE 8. PIE is still a young project with big plans.
- IE7, created by Dean Edwards code.google.com/p/ie7-js – is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.
All this solutions is easy to add on any template. Another way to emulate CSS3 this time without using JavaScript is to use Microsoft’s filters in your CSS file to create some nice effects. These only work in IE, of course! Or you always can add some extra info in popup box, with text :” Sorry, but your browser is too old to give you the full beauty of this website. ”