
Google ChromeのCSS 3対応状況
エ・ビスコム・テック・ラボ
2008-09-05 21:50:01
カラーマネジメント:未対応
Safariはカラーマネジメントに対応しているが、Chromeは未対応だ。次の2枚の画像は色空間が異なる環境で作成し、その情報を埋め込んである。カラーマネジメントに対応したブラウザでは2枚とも同じ色に見えるが、未対応のブラウザではBの画像がくすんだ色に見えてしまう。
※ブラウザで表示を確認する
透明度の設定:一部対応
アルファチャンネルやopacityプロパティを利用した透明度の設定には、Safariと同じようにChromeも対応している。しかし、背景のアルファチャンネルの指定には対応しているが、文字の色のアルファチャンネルの指定には対応していない。

body { background-image: url(back.gif); } div.samp1 { background-color: rgb(0,255,100); color: rgb(255,255,255); } div.samp2 { background-color: rgba(0,255,100,0.5); color: rgb(255,255,255); } div.samp3 { background-color: rgba(0,255,100,0.5); color: rgba(255,255,255,0.5); } div.samp4 { background-color: rgb(0,255,100); color: rgb(255,255,255); opacity: 0.5; }
※ブラウザで表示を確認する