ちょっと複雑なレイアウトを組む際、キレイにHTMLコーディングするために、透過(透明)GIFや透過(透明)PNGを利用するのですが、透過PNGのブラウザ対応状況が微妙で調べてみたのだけど、あまりまとまっているサイトがなかったためメモを残してみる。(GIF形式でも透過処理はできるのだけど、さまざまな背景の上でもドロップシャドウなどををキレイに見せるにはアルファチャンネルのPNG画像である必要があるため)
≪透過(透明)PNGブラウザ対応状況≫
IE6以下:PNG8→角が荒い(PNG24→透過できず)
IE7[for Win]:キレイにいける
Gecko/Mozilla(Sleipnir)[for Win]:キレイにいける
Safari2.0.4[for Mac]:キレイにいける
FireFox2[for Mac]:キレイにいける
Opera9[for Mac]:キレイにいける
IE7の透過PNG対応はPNG愛好者(?)にはいいうれしい話なのだけど、先日のブラウザシェアからすると、まだまだ未対応がメジャーだと思っていた方が無難なようだ。
■続きの内容:「Javascriptハックや保存形式による回避など」
Tags:Firefox GIF HTML IE6 IE7 Javascript Opera PNG Safari ブラウザ 透明 透過
Popularity: 20%