IE6で透過PNGを表示０３

JavaScript 基礎 授業



IE6透過PNG対応策は「DD_belatedPNG.js」

  • 読み込んで使うだけなので、「mini」を選択



配布元：DillerDesign

条件コメント


  • 「透過PNG」をIE6で表示させるために以下の「JSファイル」を利用する。
  • ダウンロードしたファイルを、「透過PNG」をIE6で表示させたいサイトの「js」フォルダーに入れておく。

  • 使用したいhtmlのhead部分に、下記のように記入。

ソースコード【 JavaScript 】

<!--[if IE 6]>
<script src="js/DD_belatedPNG.js" type="text/javascript"></script>
<script>
DD_belatedPNG.fix('img, .png_bg');
</script>
<![endif]-->
  1. １行目と６行目の文で「IE6にだけ、このスクリプトを実行するよ」と宣言する
  2. ２行目の「js」は、DD_belatedPNG.jsを入れたフォルダのパスを記述する
  3. ４行目の '.png_bg' の部分に、DD_belatedPNG.jsを反映させる要素名やid名、クラス名を記述する
  • 例では、「img」全体を設定していますが、「img.クラス名」で個別に設定することも可能。
  • 「.png_bg」は、背景に透過PNGを使用する画像につけるクラス名。


  • DD_belatedPNG.jsを使用していて、Googlemapの表示場所がDD_belatedPNG.jsの指定範囲内だとGooglemapの表示がされない
  • 画像のある範囲を限定すれば問題ない