opacity「透明度」

<style type="text/css">
.common div{
  font-family   : "メイリオ", sans-serif;
}
div.cssTitle {
  width         : 290px;
  margin-top    : 10px;
  background    : #6495ed;
  color         : #fff;
  font-weight   : bold;
  border        : 2px solid #6495ed;
  padding       : 10px;
}
.css-border {
  width         : 290px;
  border        : 2px solid #6495ed;
  background    : #e7e7ff;
  padding       : 10px;
}
.css-bgcolor{
  margin: 20px auto;
  width: 200px;
  padding: 10px;
  text-align: center;
  font-size: 20px;
  background : yellow;
}
.css-opacity-10 { opacity : 1.0;}
.css-opacity-05 { opacity : 0.5;}
.css-opacity-03 { opacity : 0.3;}
.css-opacity-00 { opacity : 0.0;}
.css-opacity-15 { opacity : 1.5;}
.css-opacity--5 { opacity : -0.5;}

<!-- html -->
<div class="common">
  <div class="cssTitle">opacity 表示例</div>
  <div class="css-border">
  <div class="css-opacity-10 css-bgcolor">opacity: 1.0</div>
  <div class="css-opacity-05 css-bgcolor">opacity: 0.5</div>
  <div class="css-opacity-03 css-bgcolor">opacity: 0.3</div>
  <div class="css-opacity-00 css-bgcolor">opacity: 0.0</div>
  <div>opacity:0.0指定は、完全な透明となり背景色のみ表示</div>
  <div class="css-opacity-15 css-bgcolor">opacity: 1.5</div>
  <div>opacity:1.5指定は、opacity:1.0として表示</div>
  <div class="css-opacity--5 css-bgcolor">opacity: -0.5</div>
  <div>opacity:-0.5指定は、opacity:0.0として表示のため、完全な透明となり背景色のみ表示</div>
</div>