[javascript]i6での透過pngを使える「DD_belatedPNG」ご紹介
[javascript][/javascript]i6での透過pngを使える「DD_belatedPNG」ご紹介
透過ピングは最近のブラウザでは対応していますがie6では対応しておらず
透明部分が灰色になってしまいます。
それが非常に見にくいので対応させる方法をご紹介します。
「DD_belatedPNG」を使う。
「DD_belatedPNG」を使とie6でもきれいに透過されて表示されます。
使い方
上記のサイトから「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を配置しても、ちゃんとリンクが機能する。
ぜひ使ってみてください。
sssss