Anonymous IE6/7 does not support CSS3 properties, IE8 also does not support CSS3 well. How to let IE 6/7/8 support Border-radius (rounded), Box-shadow (shadow), Text-shadow and so on these attributes? Here's a way to implement these properties through an HTC script first download the IE-CSS3.HTC script and then add it to the CSS:
It is used by downloading it and putting it in your server directory
Write the following code in your
Copy CodeThe code is as follows:
. box {
-moz-border-radius:15px; /* Firefox */
-webkit-border-radius:15px; /* Safari and Chrome */
border-radius:15px; /* Opera 10.5+, 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);
}
Note: The IE-CSS3.HTC address in Behavior:url (IE-CSS3.HTC) is either under the absolute path or directly under the root of the Web site, otherwise you may not see the effect.
Ie-css3. Htc:
: Click to download to the official website
? When you use this HTC file, in your CSS, as long as you write any kind of Box-shadow,-moz-box-shadow or-webkit-box-shadow, IE will render.
When you use this HTC file, you cannot write box-shadow:0 0 10px red; And should be box-shadow:0px 0px 10px red; Otherwise, IE will fail.
? Alpha transparency in RGBA values is not supported.
? inset inner Shadow is not supported.
? Shadow extensions are not supported.
The shadow will only appear black in IE, no matter what color you set.
However, this script simply allows IE to support a partial Box-shadow value.
Method Two:
Add the following code to the
Copy CodeThe code is as follows:
<style type= "Text/css" >
Img{background: #fff;
-ms-filter: "Progid:DXImageTransform.Microsoft.Shadow (color= #eeeeee, direction=0,strength=6) progid:d XImageTransform.Microsoft.Shadow (color= #dddddd, direction=90,strength=10) progid:d XImageTransform.Microsoft.Shadow (color= #dddddd, direction=180,strength=10) progid:d XImageTransform.Microsoft.Shadow (color= #eeeeee, direction=270,strength=6) ";
*filter:
Progid:DXImageTransform.Microsoft.Shadow (color= #eeeeee, direction=0,strength=6)
Progid:DXImageTransform.Microsoft.Shadow (color= #dddddd, direction=90,strength=10)
Progid:DXImageTransform.Microsoft.Shadow (color= #dddddd, direction=180,strength=10)
Progid:DXImageTransform.Microsoft.Shadow (color= #eeeeee, direction=270,strength=6);
}
</style>
Where: Color is the shadow of the projection, direction is the clockwise angle value, and strength is the size value of the projection.
IE-CSS3.HTC let IE6, 7, and 8 also support Box-shadow
