配布場所

ie7-js
http://code.google.com/p/ie7-js/で配布されています。

デモはhttp://ie7-js.googlecode.com/svn/test/index.htmlで見れます。

使い方

head内に
[html]
<!–[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]–>
[/html]
と貼り付けるだけです。フッターに貼ると誤作動起こす場合がたまに合ったような気がします。

できるようになること

E > F

子セレクタ。直下の子要素にのみ適応するやつ。

E + F

隣接兄弟セレクタ。Eのすぐ下隣に居る弟要素。

E ~ F

間接セレクタ。E以降の弟要素全て。

.class1.class2

クラスの重複指定

:hoverの修正

a以外にも効くようになります。

[attr],[attr=”value”],[attr~=”value”],[attr|=”value”],[attr^=”value”][attr$=”value”],[attr*=”value”]

属性セレクタ全般

:before,:after

擬似要素。

:checked,:disabled,:empty,:enabled,:indeterminate,:first-of-type,:last-child,:last-of-type,:not(),:nth-child(),:nth-last-child(),:nth-last-of-type(),:nth-of-type(),:only-child,:only-of-type,:root,:target

CSS3の擬似クラス

opacity

透明度がfilter要らずで効くようになります。もちろん内部的にはfilterを使っているのですが。

article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video

HTML5で追加された要素にCSSが当たるようになる。html5.jsとかhtml5shiv.jsを同時に読み込む必要はありません。

透過PNGへの対応

ファイル名をhoge-trans.pngにすると動作します。
もしくは、
[js]
var IE7_PNG_SUFFIX = ".png";
[/js]
とすると全てのPNGに対して有効になります。

出来なくなること。注意すべきこと。

まぁ便利なのですが、そうそう美味いだけの話というのはなかなか無いもので。