IE6 and 7 do not support the attributes of css3, and IE8 does not support css3 well. How can I enable IE to support such attributes as border-radius (rounded), box-shadow (Shadow), and text-shadow? Here is a method to implement these attributes through the HTC script.
First download the ie-css3.htc script.
Then add behavior: URL (ie-css3.htc) in CSS );
. 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 on all elements which get the 'box' class */
}
Note: The ie-css3.htc addresses in the behavior: URL (ie-css3.htc) are either in an absolute path or directly under the root directory of the website, otherwise the effect may not be visible.