[JS]IE6でも:hover疑似クラスが使えるなどHTML/CSS表示を調整するIE用ライブラリIE7.js

jQueryプラグイン・ライブラリ

2012.11.20

IE6 でも:hoverや:first-childの一部擬似クラスを使えたり、透過PNGの画像が使えるなど、ちょっと便利かも知れないライブラリIE7.js。

今回はそのIE7.jsの設置方法から、IE7.jsを使って何か出来るのか？を簡単にまとめました。

IE7.js のダウンロード

以下のページより IE7.jsの最新版のファイルをダウンロードします。
http://ie7-js.googlecode.com/svn/version/

<!--[if lt IE 7]>
<script src="./IE7.js" type="text/javascript"></script>
<![endif]-->

<!--[if lt IE 7]>

<![endif]-->

Google Codeで公開されている最新版のIE7.jsファイルへ直接アクセスしても動きます。

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

<!--[if lt IE 7]>

<![endif]-->

IE7.jsで、主に以下のコトができるようになります。

・position：fixed に対応

・a要素以外でも、:hover 擬似クラスが使える。

・:first-child 擬似クラスが使える。

・透過PNGに対応

・min-width: や min-height: にも一部対応

position：fixedはよく使うかなぁ。

あと:hoverをa要素以外で使えるのは便利かな〜。

と言うことで、個人的にはIE6 用にわざわざ矯正したくはない！という思いはあれど、企業サイト構築時にIE6 対応が必要な場合などに、ちょっと覚えておきたいライブラリ、という感じです。

こちらになると:after、:beforeも利用可能とのコト。

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js" type="text/javascript"></script>
<![endif]-->

<!--[if lt IE 8]>

<![endif]-->

ここまでくると:rootや:target、:last-childなども利用可能とのコト。

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js" type="text/javascript"></script>
<![endif]-->

<!--[if lt IE 9]>

<![endif]-->

詳しくは以下の参考ページで、使えるプロパティやデモをチェックをしてみてはいかがでしょうか。

参考ページ
http://ie7-js.googlecode.com/svn/test/index.html