IE8の正式版が出たとはいえ、まだまだIE6を使っているユーザーもいるのは事実でありますて…。
特に悩ましいのは、IE6の「透過PNG」への対応でありんす。
「IE7.jsを使えば完璧じゃんか!」と思っておったのでつが、こやつ、「background-repeat」に対応してなかったのですな(;´Д`)
しかしながら、ようやくそれを解決する方法をGoogle先生から教えてもらいますた!
▼DD_belatedPNG
http://www.dillerdesign.com/experiment/DD_belatedPNG/
これすごいす!
以下、やったことをメモ。
- ページ下部から「0.0.7a-min.js (Compressed, ~5.5Kb)」を任意のディレクトリにダウンロード。
- IE6の時だけ、JSファイルを読み込む。
<!--[if IE 6]>
<script language="JavaScript" type="text/javascript" src="/js/DD_belatedPNG_0.0.7a-min.js"></script>
<![endif]--> - 適用させたい部分を記述したJSを書く。
DD_belatedPNG.fix(' img, #hoge, .hoge');
※HTMLタグやID、クラスでもよさげ。
ってな具合だす。
ただ1点、軽くはまったのは、「body」タグには適用できなかったこと。
先のURLは英語なんでつが、よく見るとそのことについて書いている…ような気がしますた。
「bodyタグは動きませんよ」的なことかと思いまする。
…訳せない(;´Д`)
そんなこんなで、これからはIE6の透過PNG対策は、これでイグ!ヽ(´ー`)ノ