IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="alphafilter" alt="" /> 背景に透過pn
![アルファ画像を扱うalphafilter.jsライブラリ-とあるWEBクリエイターのblog](https://cdn-ak-scissors.b.st-hatena.com/image/square/cc062393f1606cbb12dd77a32584cf092c3bd880/height=288;version=1;width=512/http%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)