前にメモってた奴がでてきたので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
コメントを残す