Webデザイナーのひとりごと

ホームページで透明感あるページを作る際、グラデーションとドロップシャドウを使う表現はポピュラーですよね。
実際自分のサイト

http://www.koterasatoshi.com/

でずーっと透過PNGを使っていました。


が、


一番シェアを持っているIE6が対応していないので、その表現はハックを使って透過PNGではなく透過GIFを使うことになります。

ちなみに透過PNGをIEで見るとこちら。




透明部分が表示されません。


Firefoxなどではこうなります。






この問題を解決してみました。

JavascriptでIEのActiveXをコントロールし、表示させるわけです。
詳しくはこちら

http://blog.l-xs.com/yungsang/2006/12/png_alpha_filter_ie7.html

透過PNGが使えたらWEBでの表現力はとても大きくなるわけなんで、今後どんな使い方が増えていくのか見ものですね。

• 
• 
• ツイート