IE6で透過pngを扱うjsライブラリ

透過PNGを使用する場合IE6以前では透過されません。

そこで、アルファ画像を扱うalphafilter.jsライブラリ[to-R]で紹介されているalphafilter.jsを使用する方法があります。

head要素内にライブラリを読み込み

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

ブロック要素の背景画像を透過する場合は、要素にalphafilterというクラスをつける

<div class="alphafilter">内容</div>
直接画像を透過する場合はimgタグにalphafilterというクラスをつける
<img src="http://koyo-marlins.biz/img/hogehoge.png" class="alphafilter" alt="" />

以上です。

関連エントリー