WEB制作(html・css(スタイルシート))に関する各種メモ書き

「Windows IE6, 7, 8で透過pngを使う」の決定版

IE6,7,8でうまく透過pngを表示させるため、今まで様々なスクリプトが開発されてきましたが、

とうとう決定版が出現。

■ jQuery.belatedPNG( belatedPNGのjquery版 )

http://wakuworks.jugem.jp/?eid=153

■ DD_belatedPNG

http://www.dillerdesign.com/experiment/DD_belatedPNG/

ここからダウンロード。

/js/ に D_belatedPNG.jsをアップロードして、

<!--[if lte IE 6]>  
<script type="text/javascript" src="./js/DD_belatedPNG.js"></script>  
<script type="text/javascript">  
  /* EXAMPLE */  
  DD_belatedPNG.fix('.png_bg');  
</script>  
<![endif]-->  

とするだけでOK。

  DD_belatedPNG.fix('.png_bg');  

で、透過pngを使っている要素を指定。(例の場合だと クラス名 "png_bg" が指定されている。)




関連エントリー

No.697
12/01 17:35

edit

透過png