IE6は相変わらず鬱陶しいですね…

そろそろ無視できるかなと言いつつも、
地味にシェアを残していて、
プロの仕事としては微妙に無視できない状況が続きます。

デザイン面でとにかく鬱陶しいのが、
「透過デザインを使えない」こと!

対策も数々掲載されておりますが、
使い方がややこしかったり、上手く動作しなかったり…

というわけで、僕が導入に成功した方法をお教えします。

http://www.dillerdesign.com/experiment/DD_belatedPNG/
こちらのページの、
「Download」(ちっちゃいです)をクリックしていただき、
移動したページの「source.js」(もっとちっちゃいです)
を右クリック→「対象を保存みたいなやつ」をクリックしますと、

「DD_belatedPNG_0.0.8a.js」
というファイルがダウンロードできます。


それを適当なところに配置したら、
<script src="ファイルの位置/DD_belatedPNG_0.0.8a.js" type="text/javascript"></script>
<script type="text/javascript">
DD_belatedPNG.fix(クラス名orID名);
</script>

コレをコピペしてください。


慣れてる方ならわかると思いますが、
「ファイルの位置」のところには相対パスを。(script/とかですね)
「クラス名orID名」と書いてあるところには、
いわゆるスタイルシートで使うセレクタですね。

クラス「header」なら".header"
ID「wrapper」なら"#wrapper"

といった具合です。
背景を使うブロック要素や、
イメージファイルなどのクラスやIDを指定しましょう。

それだけです!
透過PNG、いろいろ試した中で最も確実な方法です!