However, all front-end engineers know that IE6,IE7,IE8 does not support, or does not fully support, the properties of CSS3.
CSS3 has many powerful, brilliant effects, such as rounded corners, shadows, gradient transparency, gradient backgrounds, and so on.
Because of the IE6 era, there is no standard, and for various reasons, IE6 users will hardly update IE version.
Let IE6,IE7,IE8 support CSS3 effect, one idea is to use the VML simulation.
VML is the vector Markup Language, which was originally developed by Microsoft itself, is very powerful.
In other words, under IE, you can use VML to make rounded corners. Translucent, shaded, gradient backgrounds.
As early as last year, there is a foreigner this idea written plug-in, convenient front-end programmer development ...
It allows IE6,IE7,IE8 to support CSS3 effects ...
Before the bug has been a serious bug, go to see today, the official fixed the bug, and added the JS rendering method (previously imported with behavior).
See how to Invoke:
1. Load the Pie.js script in your Web page.
Note that the use of IE-specific annotations to prevent non-ie browser download.
<!--[If Lt IE 10]>
<script type= "Text/javascript" src= "Pie.js" ></script>
<! [endif]-->
2. Call with JS:
$ (function () {
if (window. PIE) {
$ ('. rounded '). each (function () {
Pie.attach (this);
});
}
});
3, has been done.
In all plugins that let IE6 support CSS3, this should be the best plugin.
Official real-time Test example: http://css3pie.com/
Based on my test of this plugin: it's best to add CSS properties to the box that will load the effect: Overflow:hidden; In some cases, the fillet will go wrong.
Let IE6 support CSS3, let IE7, IE8 all support CSS3