ホームページ  >  記事  >  ウェブフロントエンド  >  CSS3pieとは何ですか?

CSS3pieとは何ですか?

青灯夜游
青灯夜游オリジナル
2020-11-12 14:29:112380ブラウズ

CSS3pie は、IE6 から IE8 バージョンで角丸、影、グラデーションなどのほとんどの CSS3 変更機能を実現できるようにする js プラグインです。その本質は「.htc」ファイルであり、シンプルです。を使用するには、CSS3 を使用する場所に「behavior: url (PIE.htc path)」を追加するだけです。

CSS3pieとは何ですか?

CSS3pie は非常に優れた CSS3 ツールであり、IE6 から IE8 バージョンで角丸や影などのほとんどの CSS3 変更機能を実現できるようにする JS プラグインです。 、グラデーションなど、このツールを使用すると、オンラインで目的の効果を変更し、CSS コードを即座に生成できます。

公式ウェブサイト: http://css3pie.com/

PIE メソッドの使用方法は、通常 CSS3 属性を使用するのと同じです。基本的に特別なスタイル名はなく、単にスタイル名をリンクするだけです。 pie.htc ファイル。

CSS3 Pie は次の CSS3 構文をサポートします:

  • border-radiusroundedcorners

  • box-shadow blockshadow

  • border-image image border

  • 複数の背景画像複数の背景

  • 背景画像としての線形グラデーション線形グラデーションの背景画像

CSS3 Pieは、公式Webサイトからダウンロードできる.htcファイルです。

CSS3 PIE ダウンロード アドレス:

  • 公式 Web サイト http://css3pie.com/download/

  • GitHub https://github.com/lojjic/PIE/downloads

使い方は非常に簡単で、behavior: url(PIE.htc)# を追加するだけです。 ##; htc ファイルの場所 (html ドキュメントに対する相対位置) を指定するだけです。

demo:

<div id="tests"></div>

#tests {
    padding: 1.5em;
    margin: 1em 0;
    border-radius: 10px;
    behavior: url(/pie/PIE.htc);
    position: relative;
    background: #CCF;
    overflow: hidden;
}

プログラミング関連の知識については、

プログラミング入門をご覧ください。 !

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

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