Home >Web Front-end >Front-end Q&A >What is ie css3.htc
ie css3.htc is an htc file that allows the IE browser to support some CSS3 attributes, not just [box-shadow], it can also allow your IE browser to support the rounded corner attribute [border- radius] and text shadow attribute [text-shadow].
#The operating environment of this article: Windows 7 system, Dell G3 computer.
Recommended: "css video tutorial"
ie-css3.htc (let IE support box-shadow, rounded corners, text-shadow)
IE itself uses a shadow filter to achieve similar effects, and there are also some js and .htc hack files that can help you achieve this effect in IE. I can't try them all, so here I only introduce the one I have used.
How to use it is: download it and put it in your server directory
Write the following code in your 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1:
<!--[if IE]> <style type="text/css">img, #testdiv, .testbox{behavior: url(http://yourdomain.com/js/ie-css3.htc);} </style> <![endif]-->
In the blue part, enter the selector using the box-shadow attribute, and in the green part, enter the absolute path or relative path of ie-css3.htc. Anyway, you must ensure that it can be accessed.
Then this will be OK. But there are still a few things to note:
After you use this htc file, as long as 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; but box-shadow: 0px 0px 10px red; otherwise it will fail in IE. .
Alpha transparency in RGBA values is not supported.
Inset inner shadow is not supported.
Shadow expansion is not supported.
The shadow will only appear black in IE, no matter what other colors you set it to.
So, this script only allows IE to support some box-shadow values. If you have other better IE hacks script
The above is the detailed content of What is ie css3.htc. For more information, please follow other related articles on the PHP Chinese website!