png IE6でも背景画像をリピートできる　DD_belatedPNG

前にjQueryでpngfix [ jquery.pngFix.js ]というjQuery使用のIE6でもpng画像を透過させる方法を書いたが、、、、
png画像を背景でリピートさせた場合、IE6では画像がリピートされず画像1つがドン！と拡大されて表示されるのでした。。。

で、そんなときに「あなたのIE6/PNG頭痛の薬!」DD_belatedPNG.jsというのがあったので忘れないうちにメモ。

DD_belatedPNG

使い方

DD_belatedPNG.jsをダウンロード

<!--[if IE 6]>
<script type="text/javascript" src="DD_belatedPNG_0.0.8a.js"></script>
<script>
  DD_belatedPNG.fix('.png'); //適用させる要素,id,class名
</script>

IE6以下にだけ読み込ませるように
jsファイルを読み込み、 DD_belatedPNGを適用させる要素、id、class名を書きます。
(‘.png’)と書くとclass=”png”のところが適用。複数書くときは”,”で区切る。(‘img,.png,#png’)みたいに。
htmlは、上のサンプルのように書けばIE6でも透過されていますし、jquery.pngFix.jsみたいに
リピート画像で悩まなくてすみました。

知られている問題

body,tr,td要素の背景には使えないです。まぁtr,tdに透過pngってあんまりないと思うが。。。
bodyの場合も<div id=”hoge”></div>みたいにdivでくくってしまえば問題ない。
input type=”image”とbackground-position: fixed;にも対応してないみたいです。

Google曰く、関連すると思われる広告