Explorer6)で透過PNGを対処する方法を紹介します。透過PNGとは?ダウンロードコード透過PNGとは?透過PNGとは、PNGの機能を用いて画像の一部を透明または半透明にした画像のことです。マイピクチャや一部のグラフィックソフトなどでは、透過部分が白とグレーの市松模様で表示されます。透過PNGは、IE6ではサポートされていません。IE7以降のブラウザで透過PNGを表示すると、透過の部分は背景の色になります。IE6では、透過の部分が灰色になってしまいます。DD_belatedPNG.jsなどのJavaScriptを利用して対応します。ダウンロード1以下の配布元サイトを開きます。0.0.x」と書かれた記事までスクロールします。releasedと書かれています。3その記事にあるリンク「http://dillerdesign.com/experiment/DD_belatedPNG/#release0.0.8a」を開きます。4すると配布用記事の中段辺りに飛ばされます。上にスクロールすると、緑色の四角ボタンがありますので、クリックします。※「0.0.8a.js」と、「0.0.8a-min.js」ボタンの2つがあります。前者は通常版で、後者は圧縮版です。解析する場合は、「0.0.8a.js」(通常版)を選びます。解析不要な場合は「0.0.8a-min.js」(圧縮版)を選びます。5JavaScriptが表示されます。右クリックで「このページのソースを表示」をクリックします。表示されたソースを全てコピーし、新規テキストにペーストして、名前を「DD_belatedPNG.js」として保存します。コードDD_belatedPNG.jsを利用してIE6の透過PNGに対処するには、以下のようにコーディングします。</script><![endif]--></head>の直前に記述します。6]>」で、IE6にだけこのスクリプトを実行すると宣言します。src=”○○○/DD_belatedPNG.js”></script>」で「DD_belatedPNG.js」をリンクします。.png_bg’);」は、jsを反映させる要素名、id名、クラス名を記入します。上記の例では、「img要素全て」と「png_bgというクラス名の要素」に対してDD_belatedPNG.jsが動作します。※DD_belatedPNG.js内部で画像がpng形式かどうかの判別を行っています。gifやjpgへの影響はありません。<p>テキストテキストテキスト</p></div>背景にpng画像を指定します。要素にhead内で設定したクラス名「class=”png_bg”」を記述します。body・tr・td要素の背景には使えません。id=”wrap”></div>などで囲み、背景を設定して下さい。「background-position:fixed;」には未対応の模様です。class="png_bg"></a>png画像のimg要素を<a>で囲み、リンクボタンとしてimgタグをロールオーバーする場合注意が必要です。imgタグに「onmouseover=」て指定しても動作しません。ロールオーバーする場合、上記のようにCSSだけでロールオーバーを再現します。未訪問リンクのスタイルを指定します。訪問済みリンクのスタイルを指定します。カーソルは乗っているがクリックはされていない状態のスタイルを指定します。クリックされてから離されるまでのスタイルを指定します。jQueryのフェードイン・アウトを指定しても反応しない仕様です。