IE6~8でCSS3を利用可能にするライブラリ「Selectivizr.js」使い方と注意点

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