IE6〜IE8でもCSS3の機能を使う「CSS3 PIE」
CSS3 PIEはCSS/JavaScript製のオープンソース・ソフトウェア。技術は日々進化しており、新しい機能が追加されている。だが、過去の資産から対応しなければならない場合そうした新しい試みは取り入れることができない。CSS3を使いたくともIE6から対応となれば利用できないだろう。
IEでもCSS3の恩恵を
そんな辛い思いを解決してくれるライブラリがCSS3 PIEだ。CSS3自体には多数の機能があるが、一部の処理においてIE6〜IE8でも利用できるようにしてくれる。先進的な取り組みを行っていきたいならば試してみよう。
CSS3 PIEはHTCファイルであり、CSSファイルながらにJScriptを実行できる機能を使っている。対応しているCSS3プロパティはborder-radius、box-shadow、border-image、-pie-background、-pie-watch-ancestors、RGBA、gradientsとなっている。
リアルタイムに反映されるデモがある
既にCSS3に対応しているWebブラウザはもちろん、IEでも対応できるとあればもっと積極的に取り入れていこうと思えそうだ。角丸にする、ボックスに影を付ける、グラデーションをかけるなどこれまでは画像でないと難しかった操作がCSSのみで容易に実現できるようになる。
via CSS3 PIE - A taste of Web 2.0 for Internet Explorer [The Changelog]
CSS3 PIE: CSS3 decorations for IE