Win IEで透過PNG画像を使う

▼EntryMore▼

まず始めに透過PNG画像を用意します。（当たり前）
それを、背景として配置します。ただ、繰り返し処理ができないので、
ワンポイント的な画像がいいでしょう。

とりあえずサンプルはこちら↓
http://www.green.dti.ne.jp/edo/web-test/test8/

今回の大事な部分は1点。
IEに透過PNGを正常に表示させるActiveXの機能を使う、というところです。
問題のソースはこれ。

body*#box{
  /* Hidden from MacIE \*/
    background: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader
( sizingMethod=image, src="cat06.png");
  /**/
}

てゆーか、こんな機能をわざわざ実装するなら、最初から表示できるようにすればいいのにw
IE固有のfilter機能を使って、透過性のある画像を透過させよう、というfilterです。
これを使えば、問題なくWin IEでも透過PNGが使えます。
しかし、最初にも書きましたが、本来の背景画像では繰り返し処理が使えますが、
このやり方だと繰り返し処理ができません。
なので、幅と高さの決まった透明な背景や、徐々に消えていく写真を表示する、という
使い方しかできません。

ちなみにここで若干CSSハックを使ってます。
いちおう説明を別に載せておきます。
ホーリー・ハック
スター7・ハック