hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

アルファチャンネルとopacityの違い

前にメモってた奴がでてきたのでUP

opacityは透明度を指定するために用意されたCSS 3のプロパティで、アルファチャンネルと同じ値(0~1.0)を指定することができる。現在のところ、Firefox、Safari、Operaが対応している。

アルファチャンネルが要素の背景色や文字の色の透明度を個別に指定するのに対して、opacityプロパティは要素全体の透明度を指定する。

あとopacityはieさんが未対応。

一方、[ブロック要素の中の文字部分と背景部分に個別に書ける場合]と[div全体に書ける場合]ではどちらも背景と文字が半透明になっているが、半透明になった文字の下に、前者は背景が透けて見えているのに対して、後者は見えていない(文字の下が透けてbodyなどにひいた背景が見える)ことがわかる。これが、アルファチャンネルとopacityプロパティの処理の違いだ(オペラはどちらも同じようにレンダリングする)。

参考
http://builder.japan.zdnet.com/sp/css-firefox-safari/story/0,3800083423,20367886,00.htm


投稿日

カテゴリー:

,

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください