[ IE7.js ] – IE5, IE6 で first-child とか色々使える JavaScript ライブラリ

Microsoft Internet Explorer 6 以下の HTML / CSS 表示を調整する IE7.js と言うライブラリがあったので試してみました。

IE7.js の設置方法

head 内で、下の様に書いておくと Google のサーバから直接読み込んで使えます。

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->

もちろん、ダウンロードしても使えますけど…。

IE7.js の使い方

W3C 標準仕様の CSS を書いて、IE7.js の対応している部分なら表示を調整してくれます。 対応している箇所は IE7 Test Page を参照。

IE7.js + Internet Explorer 6 + first-child のテスト

試しに Internet Explorer 6 が対応していない :first-child と言う擬似クラスを試してみた。

• IE7.js を使っていないサンプル
• IE7.js を使ったサンプル

とりあえず、Internet Explorer 6 + first-child は正常に表示できました。

使う時に気をつける事

• JavaScript が使えない環境では当然動作しない。