[DEMO] RGBaを使ったプログレッシブ・エンハンスメントと注意点 [詳細]

モダンブラウザでは下のボックスは両方とも RGBa が使えるため、薄い赤色(背景の白が透過)になります。
IE6, 7 では上のボックスのみ赤色で表示されます。上は background のショートハンドで指定したもの、下は background-color で指定したものです。

background のショートハンドを使用して指定

.background {
	background: rgb(255,0,0);
	background: rgba(255,0,0,0.5);
}
				

background-color を使用して指定

.background-color {
	background-color: rgb(255,0,0);
	background-color: rgba(255,0,0,0.5);
}