CSS3は便利ですが、IE6~8ではほとんど対応していないのが困りモノ。IE9以上でそれなりに使えるようになるレベルです。
IE6はもう切っていいと思いますが、IE8はまだ現役で使っている方もいるはずなので、できれば対応したいですよね。
そんなIE6~8でCSS3を利用できるようにしてくれるjsライブラリ「Selectivizr.js」を紹介。
関連記事:「読み方のわからないHTMLタグとCSSプロパティ」ベスト5!正しい読み方は?
Selectivizr.jsの設置方法
設置方法は非常に簡単です。
まずは下記リンクより「Selectivizr.js」をダウンロード。
LINK:Selectivizr – CSS3 pseudo-class and attribute selectors for IE 6-8
ダウンロードしたjsを任意のフォルダに入れて、以下のソースをhead内に貼り付けるだけでOKです(パスは適宜変更してください)。
<!--[if lt IE 8]><script src="selectivizr.js"></script><![endif]-->
jQueryやPrototypeなど、JSライブラリは別で読み込む必要があります。
ローカルでは動かない
「Selectivizr.js」はサーバーにアップしないと動作しません。
これを知らないと「全然動かない…orz」と大ハマりするのでご注意を。
HTML5とCSS3の対応表:HTML5 & CSS3 Web Design