IE-CSS3.HTC (Let IE support Box-shadow, fillet, Text-shadow)
IE itself is shadow filter can achieve similar effects, there are some JS and. HTC's hack file can help you achieve this in IE. I can't try it all, but I'm just going to show you the one I used.
IE-CSS3.HTC is an HTC file that allows IE browser to support partial CSS3 properties, not just box-shadow, it also allows your IE browser to support fillet properties Border-radius and Text Shadow properties Text-shadow.
It is used by downloading it and putting it in your server directory
Write the following code in your
<!--[if IE]><style type="text/css">img, #testdiv, .testbox{behavior: url(http://yourdomain.com/js/ie-css3.htc);}</style><![endif]-->
The blue part of the input to use the Box-shadow attribute of the selector, the green part of the input IE-CSS3.HTC absolute path, or relative path, anyway, to ensure that access can be obtained.
And then it's OK. However, there are a few points to note:
- 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 using 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.
- Shadows are only shown in black in IE, no matter what color you set.
So, this script just lets IE support part of the Box-shadow value. If you have other better ie hacks scripts
Ie-css3.htc