透過するデザインを作成するために

ホームページをデザインする上で、ここを透けさせたい！きれいな影を付けたい！と言う事は、よくあることです。
その場合、透過GIFを使用する方法とPNGを使用します。

透過GIFの利点は、ほぼ全てのブラウザで対応していて、ごく普通に<img>タグで貼付けるだけで使用できます。
しかし、透過GIFはあまりきれいではなく、あまりイメージ通りのものができません。

もう一つの方法、PNGを使用する方法ですが、最新のブラウザは対応してますが、全世界的にシェアを持っているIE6が対応していません。
そこで今回紹介するJavascriptを利用すれば、CSSを少し書き足すだけで、IE6でも対応することができます。

利用方法は、下記となります。
Javascriptの読み込みとCSSに1行入れておしまい！とても簡単です。
まずは、JavaScriptのダウンロード。

Javascriptを使用するための一行
<script type='text/javascript' src='_js/iepngfix.js'></script>

iepngfixを利用するためのCSS
* html #クラス名 { behavior: expression(IEPNGFIX.fix(this)); }