Home > Web Front-end > Front-end Q&A > What is ie css3.htc

What is ie css3.htc

藏色散人
Release: 2023-01-04 09:37:53
Original
2339 people have browsed it

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].

What is ie css3.htc

#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

:

<!--[if IE]>
<style type="text/css">img, #testdiv, .testbox{behavior: url(http://yourdomain.com/js/ie-css3.htc);}
</style>
<![endif]-->
Copy after login

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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template