CSS3 Colorのテスト

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)(半透明の赤)を指定。テキストは不透明になっている。