透過PNGをIE6以下で表示させる方法
透過PNGを使う方法なんですが、いろいろ紹介されているんですが、自分が検証してみた所。
何かと問題が起こったりするのもあるんですよね...
でも[to-R]さんで紹介している。alphafilter.jsはそういう挙動が自分がやっている範囲では起こっていないので紹介しておきたいと思います。
alphafilter.jsの使い方
まずはhead要素内にalphafilter.jsで読み込みます。
※読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。
<script type="text/javascript" defer="defer" src="./alphafilter.js"></script>
透過にしたい画像にclass属性でalphafilterと入れるだけでです。
<img src="./sample.png" class="alphafilter" alt="" />
背景に透過pngを使う場合は背景に設定しているブロックレベル要素のclass属性にalphafilterを入れるだけです。
<div class="alphafilter">
<p>内容</p>
</div>
これを考えてくれた[to-R]の西畑一馬さんに感謝です。
ダウンロードは本家サイトからお願い致します。
