Google ChromeのCSS 3対応状況

カラーマネジメント：未対応

　Safariはカラーマネジメントに対応しているが、Chromeは未対応だ。次の2枚の画像は色空間が異なる環境で作成し、その情報を埋め込んである。カラーマネジメントに対応したブラウザでは2枚とも同じ色に見えるが、未対応のブラウザではBの画像がくすんだ色に見えてしまう。

Google Chromeでの表示

※ブラウザで表示を確認する

• ［参照］ブラウザのカラーマネジメントについて

透明度の設定：一部対応

　アルファチャンネルやopacityプロパティを利用した透明度の設定には、Safariと同じようにChromeも対応している。しかし、背景のアルファチャンネルの指定には対応しているが、文字の色のアルファチャンネルの指定には対応していない。

Google 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;
        }

※ブラウザで表示を確認する

• ［参照］アルファチャンネルを使った透明度の設定
• ［参照］アルファチャンネルとopacityの違い