透過(透明)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: 20%

[Multiple_IEs]Internet Explorerを複数インストール

最近とにかく制作案件が多く、特にデザイン関連よりもHTMLコーディングに追われる事が多い。今月に入って何ページHTMLコーディングを行ったのだろう。。

XHTML+CSSコーディングのノウハウもかなり溜まってきて、(この辺はいつか時間が出来たらまとめようと思いながらも、たぶん伸び伸びになるのだろう)今ではシンプルなソースで思い通りのレイアウトにする事は結構容易いのですが、常に考えるところがブラウザチェック。

≪現在のブラウジング環境≫
1.IE7(Sleipnir)[for Win]
2.Gecko/Mozilla(Sleipnir)[for Win]
3.Safari2.0.4[for Mac]
4.FireFox2[for Mac]
5.Opera9[for Mac]
6.MacIE4.7[for Mac]

■続きの内容:「ブラウザ確認便利ツールやブラウザシェアデータなど」


Tags:

Popularity: 10%

Page 2 of 2«12