【CSS】透明度

opacity

要素を透明にする
透明度は0.0〜1.0の数値で指定。
0が完全に透明となり1が完全に不透明

透明度を設定しなかったら・・・

例.html

    <div class="one">
      <p>透明度 1.0</p>
    </div>
    <div class="half">
      <p>透明度 0.5</p>
    </div>
    <div class="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は全て透明になってしまうので、何も映らなくなりました