半透明PNGとopacityでIEではまった

半透明PNGが背景に設定されている要素をフェードインさせようと思ったが、IEだと半透明部分が黒くなるので、ちょっと試した。

• http://kquery.if.land.to/test/png/

1. 一つ目はdivに背景とopacity（IEにはfilter）を設定した。IE7だと半透明部分が黒くなる。
2. 二つ目はdivの中のspanに背景を設定して、divにopacityを設定した。状況変わらず。
3. 三つ目は二つ目と同じだが、背景の設定方法をAlphaImageLoaderに変えた。なぜか動いた。
4. 四つ目はfilterに複数設定できることを利用して、div一個のfilterにAlphaとAlphaImageLoaderを設定した。なんか怪しい線が出る。

結局、IE7でも32bitPNGをフェードインとかさせようと思ったら、AlphaImageLoaderを使ったりした方がいい。