opacity
要素の不透明度を指定する。
p {
color: #fff;
background-color: #008000;
opacity: 0.7;
}
opacity
を指定。要素自体の不透明度なので、テキスト背景共に半透明になる。
rgba()
rgb()
を拡張し、新たに不透明度の指定に対応した。
p {
color: #fff;
background-color: rgba(128, 0, 0, 0.7);
}
背景にrgba(128, 0, 0, 0.7)
(半透明の赤)を指定。テキストは不透明になっている。