IE6でアルファ画像を扱うalphafilter.js

Check このエントリーをはてなブックマークに追加

配布元：[to-R]とあるWEBクリエイターのblog
ライセンス：MIT-License

alphafilter.jsはIE6で、アルファチャンネルを持つ透過pngを使用できるようにするjsライブラリになります。

設定方法

ダウンロードしたalphafilter.jsをhead内などで読み込みます。

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

透過にしたい画像にclass属性でalphafilterと入れるだけで、IE6でも透過画像の使用が可能になります。

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

背景に透過pngを使ってる場合は背景に設定しているブロックレベル要素のclass属性でalphafilterを入れるだけです。

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

サンプル

スポンサードリンク

コメント

カテゴリー：IE補完 ライブラリ ロールオーバー 画像 透過PNG