【IE6問題】 半透過PNGをIE6で使ってみた。

半ば どうでもいいや っていう気になってきているIE6。どうでもいいやって思ってるんで、何気に避けて通ってきた半透過PNGだが、このたび、いまさらながら必要に迫られてやってみることになった。これはそのときのメモ。

次のウェブページで紹介されている方法でやってみた。

DD_belatedPNG というライブラリを利用する。

まずは、本家サイトからJavaScriptのライブラリを入手する。今回は、DD_belatedPNG_0.0.8a-min.jsを入手した。

そして、適当な場所に入手したライブラリを置いて、ロードする。

<!--[if lte IE 6]>
<script type="text/javascript" src="DD_belatedPNG_0.0.8a-min.js"></script>
<![endif]-->

<!--[if lte IE 6]>~~~<![endif]--> となっているのは、IE6だけが実行してくれるようにするためのおまじない。

ロードするだけではダメで、DD_belatedPNG.fix() というメソッドを実行する。下記のような感じで。

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

DD_belatedPNG.fix() の引数には、CSSセレクタを指定する。

ちなみに、IETesterでも確認できた。

やってみたソースはコチラ

今回使ったDD_belatedPNGライブラリへは、IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」(ITキヲスクさん)から辿りついた。

早くIE6を無視していい世界になりますように・・・。

コメント (2件)

2009年11月27日(Fri) 10時27分35秒 isabella.jp

>やってみたソースはコチラ。
よりもサンプルページが見たいっす!


2009年11月27日(Fri) 21時50分24秒 TomK

> isabella.jpさん
はい・・・、貴重なご意見をありがとうございます。
データの管理上、少し面倒なことがありまして、いまのところこういう風になっています。
今後何か対策考えますね・・・。



プロフィール

コヤナギ トモヤ

ウェブ系エンジニアしてます。ウェブデザイナー、ウェブディレクターとしてウェブ制作の仕事に携わり、今はエンジニア職に流れ着きました。誰かのお仕事をちょっとだけ効率化するような支援ツールの開発が好き。オープンソースとMITライセンス大好き。人生後半は自由と民主主義のコントリビューターとして過ごす予定。

ウェブ制作支援ツール Pickles 2 をオープンソースで開発しています。

PHP/JavaScript/NodeJS/nwjs/Laravel/Pickles2/オープンソース/心理学/倫理/自由と民主主義

RSSフィード

ページの先頭へ戻る