CSS3 in IE 6-8 at any cost

I, as probably many others, really want to use CSS3 buns when layout. Increasing support for cascading tier 3 levels with browsers such as opera, firefox, safari, chrome, and even explorer 9 only fuel this desire, but as usual there is a “but” IE6-8. It should be understood that IE9 allergy to winXP throws back the dream for years to come. This could be the end, but persistence and itching in the area of ​​the brain that is responsible for the desire to use CSS3 does not allow me to do this.

The whole point of this post comes down to the fact that IE does not know CSS3 and therefore needs to be taught, and if it does not want to, force it. And the search for such a decision encouraged me to make this selection.

Meet the parade of unhealthy decisions

')

Google Chrome Frame

Everyone knows the solution, a plugin for IE which renders pages with a chrome engine.

It is bad because you need to install a plugin on top of IE. People who use IE do not want / are afraid / can not put anything.

But in and of itself, he suggests that “in fact, it may, in place of IE, make the pages render something different.” Well, of course, there is no reason to engage in such a bad job from scratch, so you need to find ready-made solutions and bring it to the desired result.

There were very funny things, html renders written in flash.

HTMLWrapper

HTML and CSS rendering on ActionScript with flash flashbacks, gradients, animation, video and audio ...

Well, a couple more of these perversions:

AS3 HTML Parser Library

DENG

By the way, I even met HTML render on SVG and javascript render javascript 0o

But this is somehow too hardcore too, you need a more elegant.

You can, of course, use all sorts of hacks and tricks, as Smashing Magazine advises us, but this is neither convenient nor beautiful.

We need a system, and it is there, it can be forced to make an aport by many of the beloved JQuery.

jQuery CSS parser

This wonderful plugin for jquery allows you to place javascript

$ ('. gallery a'). lightbox ({overlayBgColor: '#ddd'});

to make the whole thing

.gallery a {
-jquery-lightbox: {overlayBgColor: '#ddd'};
}

And the jQuery emulation CSS3 plugin is full:

border-radius

jQuery Canvas Rounded Corners
jQuery Corners

border-image

borderImage

Multiple Backgrounds

Background layers

And so on ...

But “But,” most of these emulations are crooked, almost all wretched and work well only on demos of their native sites. Those that work well, turn the page into a mess when combined with each other, try, for example, to make border-radius and Multiple Backgrounds on one block.

That is why I decided to write my library emulating CSS3, but more about that another time.

PS I understand perfectly well that IE will slow down sometimes, but I think this is a plus, Internet Explorer users should suffer ...