IE6以下をWeb標準に準拠させるライブラリ『IE7.js』

このエントリーをはてなブックマークに追加

多くの人が待ちに待ち望んだライブラリ。やはりすごい人はすごいものを作るんですね。
このライブラリを読み込むことによりIE6以下でもIE7と同じようなXHTM/CSSの解釈を行ってくれます。

ただし完全にIE7と同じような形にするのではなく、より近い形ということです。

現在公開されているバージョンはversion 2.0 (beta)ということで、まだ実務で使うのは難しいかもしれませんが、MITライセンスで公開されておりますので正式にリリースされればweb制作の現場を変えてしまうライブラリです。

設置方法

Google コードのie7-jsより直接読み込むことが可能です。

以下の要素をhead要素内などに記述します。

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

xx.xはバージョン情報(現在のバージョンは『2.0(beta)』)に変更してください。

透過pngを利用する

利用したい透過pngに○○-trans.pngという名前をつけることによりcssのbackgroundプロパティで指定した際に透過されて表示されます。

サンプル

style属性を利用したインラインスタイルには対応してないようです。

img要素の透過pngにも対応しています。

サンプル

positionプロパティ

position:fixedにも対応。

サンプル

擬似クラス

a要素以外の要素にもhovaer擬似クラスが設定可能に!

サンプル

:first-child擬似クラスとかも使える

サンプル

これだけではなく配布元には他にも様々なサンプルが用意されています。

関連エントリー

アルファ画像を扱うalphafilter.jsライブラリ
IE6とIE7で検証する方法
IE7でページが表示されない件について
IE7用のCSSハック
IE版のFirebug IE Developer Toolbar

スポンサードリンク

«携帯SEOのお話 | メイン | 50%以下.com オープン»

このエントリーのトラックバックURL
http://blog.webcreativepark.net/cgi/mt/mt-bt.cgi/1129
トラックバック内容
» IE6以下がIE7に近づくライブラリ from ことだま ~power of words~
読み込むだけで、IE6以下のHTML/CSSまわりの解釈をWeb標準に準拠させて...
» IE7.jsってすごそうだ from SEO対策は魚釣りに似ている
昨日ライブドアの記事で知ったIE7.js まだ試したわけではないので、そのすごさはわからないが このライブラリを使うことでIE6以前のブラウザを ...
» 先生、すぎょいです。 from チョコプリン
IE-7.jsこれもう、これは・・・これがっこれにっ!もっと早く気づいていたら!...
コメント

こりゃすごいですね・・・
そして誰もがこう思うんだろうなと思います。


も っ と は や く 欲 し か っ た

投稿者:hiloki | 2008年1月 9日 13:06

こういうのが欲しかったんですよね。
これからも期待できそう。

投稿者:taka | 2008年1月10日 21:59
コメントを投稿