お仕事で最近、アルファチャンネル付きPNG画像を扱うことがあったのでメモ。
最近のブラウザではだいたいアルファ付きPNG画像を扱うことができるんですが、
くせ者、Internet Explorerだとちょっと小細工しないとアルファ付きで表示できない。
※最新版のIE７では表示できます。
多くの方がまだ使ってるIE６でも表示させるためにいろいろ調べてみると、
透過PNG と IE と IE7
上記のサイトが参考になりました。
で、ためしにやってみると、
IE６だと以下の画像はアルファが適用されず、背景がブルーになってますが、
それが、ちょっと小細工してあげると・・・
はいこのとおり！！
これでデザインの幅が広がるってもんです。
ちなみに、
アルファチャンネル付き画像は「Fireworks」で（Photoshopでも出来るでしょうが）
書き出す際に「PNG８」「PNG３２」+「アルファチャンネル」で。