透過(透明)PNGのブラウザ対応状況

ちょっと複雑なレイアウトを組む際、キレイに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:

Popularity: 40%