JavaScript/jQuery

[javascript]i6での透過pngを使える「DD_belatedPNG」ご紹介

[javascript][/javascript]i6での透過pngを使える「DD_belatedPNG」ご紹介

透過ピングは最近のブラウザでは対応していますがie6では対応しておらず
透明部分が灰色になってしまいます。

それが非常に見にくいので対応させる方法をご紹介します。

「DD_belatedPNG」を使う。

「DD_belatedPNG」を使とie6でもきれいに透過されて表示されます。

使い方

http://www.dillerdesign.com/experiment/DD_belatedPNG/
上記のサイトから「DD_belatedPNG」をダウンロード

[html]
<!–[if lte IE 6]>
<script type="text/javascript" src="DD_belatedPNG.js">
</script>
<script type="text/javascript"> DD_belatedPNG.fix(‘.png_bg’);</script>
<![endif]–>
[/html]

head内で「DD_belatedPNG.js」を読み込み使用するセレクタを指定します。

[html]
<img src="img/sample.png" class="png_bg">
[/html]
透過したい画像にクラスをつけます。

特徴

描画処理がAlphaImageLoaderと比べて断然高速なので、ページをすぐに表示できる。
背景にリピート描画(background:repeat)が可能。
ブロック内の背景にpngを配置しても、ちゃんとリンクが機能する。

ぜひ使ってみてください。