IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。そこで、IE6で透過pngを扱うjsライブラリを作ってみました。

IEで透過PNG画像の透過処理を簡単に行うJavaScriptライブラリ「alphafilter.js」。

使い方は簡単で、まずスクリプトを次のように読み込みます。
prototype.jsに依存しています。

<script type="text/javascript" src="./prototype.js"></script>
<script type="text/javascript" src="./alphafilter.js"></script>

画像のclass名にalphafilterを指定

<img src="./sample.png" class="alphafilter" alt="" />

背景の透過ＰＮＧの場合は次のように行います。

<p class="alphafilter">内容</p>

IE6用のPNG対応って面倒なんですが、これで簡単になりますね。

関連エントリ

• ニュースチャンネル風文字サイズ変更ライブラリ「WNLike」
• prototype.jsを用いたフォントサイズ変更スクリプト
• 文字をブルブルさせるJavaScriptライブラリ「ブルブル３」
• prototype.jsを用いたフォントサイズ変更スクリプト