MD.WEBLOG

長野県飯田市、フリーランス、ウェブデザイン、ホームページ制作、CMS構築、映像制作、エディトリアルデザイン - MITAMA DESING -

Go To Home

Blog

blogトップ > Java script > 今更ですが、、IE6でPNGを透過させる方法


今更ですが、、IE6でPNGを透過させる方法

 2012年12月5日   

今更ですが、、IE6でPNGを透過させる方法
ウェブ制作でブラウザをどこまで対応するのか、特にIE6も対応となると色々と独自に対応する必要が出てきます。ここのところは、IE6まで、完全に対応を求められることも少なくなってきたので、今更感はあるのですが、IE6でPNGを透過する処理が求められることがあったので、一応メモしておきます。

alphafilter.js で透過

いろいろな方法があると思いますが、「alphafilter.js」で透過する方法を簡単にメモしておきます。

「alphafilter.js」を読み込む

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

img要素を透過

透過したい画像に「alphafilter」というクラスを追加するだけです。

<img src="img/txt.png" class="alphafilter" />

背景を透過

透過したい背景画像を指定してあるブロックに「alphafilter」というクラスを追加するだけです。

<div id="wrapper02" class="alphafilter">

デモページはこちら

今後はIE6対応を求められる機会も少なくなると思われますので、簡単にメモということで。

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

  |  Blog TOP   |