CSS3のIE対応用スクリプト

みなさんこんにちは、gazzaです。

最近新しい技術の絡む案件が多く、実戦で覚えることの多い毎日です（＾＾；
この前のエントリーではhtml5の便利ツールを紹介したので
それに関連してCSS3の便利ツールを紹介致します。

 

今回はIEでもCSS3を適用できるスクリプトを紹介いたします。

その名前は「CSS3 PIE」です。
これを使用することでIEでも角丸、ボックスシャドウ、グラデーション、マルチバックグランド
等のよく使うCSS3の機能を実装することができます。

スクリプト自体は下記のURLよりダウンロードすることができます。

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

使い方はスクリプトを任意のURLにアップロードして
IEに適用させたいCSSのプロパティの最後の行に下記の記述を
追加するだけでCSS3が適用されます。
※urlの箇所はスクリプトをアップした個所を記述する。

behavior: url(PIE.htc);

下記のサイトではデモやCSSのコードを取得することが可能です。

http://css3pie.com/

下記のページでは詳しい説明をしていますので興味のある方は見てみてください。

http://coliss.com/articles/build-websites/operation/css/css3pie-decorations-for-ie.html

これでIEでもCSS3の主要な機能が使えるので非常に便利ですね！