ホームページ  >  記事  >  ウェブフロントエンド  >  ie css3.htc とは何ですか

ie css3.htc とは何ですか

藏色散人
藏色散人オリジナル
2020-12-24 09:19:122259ブラウズ

ie css3.htc は、IE ブラウザが [box-shadow] だけでなくいくつかの CSS3 属性をサポートできるようにする htc ファイルです。また、IE ブラウザが角丸属性 [border-radius] をサポートできるようにすることもできます。 ]とテキストシャドウ属性[text-shadow]。

ie css3.htc とは何ですか

#この記事の動作環境: Windows 7 システム、Dell G3 コンピューター。

推奨: 「css ビデオ チュートリアル

ie-css3.htc (IE でボックス シャドウ、角丸、テキスト シャドウをサポートさせます)

IE 自体はシャドウ フィルターを使用して同様の効果を実現します。また、IE でこの効果を実現するのに役立つ js および .htc ハック ファイルもいくつかあります。全部を試すことはできないので、ここでは私が使ったものだけを紹介します。

使用方法: ダウンロードしてサーバー ディレクトリに置きます。

次のコードを 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 に記述します:

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

青色の部分にはbox-shadow属性を使用してセレクターを入力し、緑色の部分にはie-css3.htcの絶対パスまたは相対パスを入力しますが、いずれにしてもアクセスできることを確認する必要があります。

これでOKです。ただし、注意すべき点がいくつかあります。

  • この htc ファイルを使用する場合、box-shadow、-moz-box-shadow、または -webkit-box-shadow が指定されている限り、 IEでレンダリングされます。

  • この htc ファイルを使用する場合、box-shadow: 0 0 10px red; と記述することはできませんが、box-shadow: 0px 0px 10px red; と記述しないと、IE では失敗します。

  • RGBA 値のアルファ透明度はサポートされていません。

  • #インセットインナーシャドウはサポートされていません。

  • シャドウ拡張はサポートされていません。

  • 影は、他の色に設定しても、IE では黒でのみ表示されます。

したがって、このスクリプトでは、IE が一部の box-shadow 値をサポートすることのみが許可されます。他に優れた IE ハック スクリプトがある場合は、

以上がie css3.htc とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。