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

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

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

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

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