Article Introduction: let IE6, IE7, IE8 support CSS3. |
We all know that ie6,7 does not support CSS3 attributes, and IE8 does not support CSS3 very well. But there is a small script can do, it can let IE support CSS3, including: Border-radius (rounded), Box-shadow (Shadow), Text-shadow, etc. ...
. box {
-moz-border-radius:15px; * * Firefox *
-webkit-border-radius:15px; * Safari and Chrome * *
border-radius:15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 * *
-moz-box-shadow:10px 10px 20px #000; * * Firefox *
-webkit-box-shadow:10px 10px 20px #000; * Safari and Chrome * *
box-shadow:10px 10px 20px #000; /* Opera 10.5+, future browsers and ie6+ using IE-CSS3 * *
Behavior:url (IE-CSS3.HTC); /* This lets IE know to call the script "all elements" which get the ' box ' class * *
}
download this script: HTTP://FETCHAK.COM/IE-CSS3/IE-CSS3.HTC
Click to view Details: http://fetchak.com/ie-css3/
There is also a small script CSS3 pie can also let IE6-IE8 support CSS3, the principle of similar to IE-CSS3. Project address:http://css3pie.com/ Download Address:http://github.com/lojjic/PIE/downloads
If you need a box content that supports CSS3, you need to add a line of code:
Behavior:url (IE-CSS3.HTC);
Code: