Google ChromeのCSS 3対応状況

エ・ビスコム・テック・ラボ
2008-09-05 21:50:01
  • このエントリーをはてなブックマークに追加

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

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

Google Chromeでの表示 Google Chromeでの表示
ブラウザで表示を確認する

透明度の設定:一部対応

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

Google 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;
        }
ブラウザで表示を確認する
このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]