opacity
要素を透明にする透明度は0.0〜1.0の数値で指定。 0が完全に透明となり1が完全に不透明
透明度を設定しなかったら・・・
例.html
<divclass="one"><p>透明度 1.0</p></div><divclass="half"><p>透明度 0.5</p></div><divclass="zero"><p>透明度 0</p></div>例.css
p{font-size:30px;background-color:red;width:200px;height:100px;float:left;margin-right:10px;}
もちろんこのとおり。
CSSを適用すると
例.css
.one{opacity:1.0;}.half{opacity:0.5;}.zero{opacity:0;}
このとおり
透明度0は全て透明になってしまうので、何も映らなくなりました