WEB制作(html・css(スタイルシート))に関する各種メモ書き:タグ「透過png」での検索

「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

Windows版 IE で CSSの設定だけで透過(アルファチャンネルつき)PNGを表示させる

こちらに↓
http://www.daltonlp.com/daltonlp.cgi?item_type=1&item_id=217

(注意:画像のパスはドキュメントルートからの絶対パス表記の方が無難)
うまく表示されないときはパスを疑うこと

No.148
09/27 15:49

edit

透過png