要素の透明度を指定するプロパティです。0(完全透明)から1(完全不透明)の間で指定します。子要素も含めて透明度が適用されるため、背景だけを透明にしたい場合はRGBAを使用します。
opacity: <number>.element {
opacity: 1;
}opacity: 1;完全に不透明(デフォルト)
opacity: 0.5;半透明(背景が透けて見える)
opacity: 0.1;ほぼ透明(うっすらと見える)
display: noneと違い、要素の領域は確保される。アニメーションにも対応。
IE9+, 全モダンブラウザ