CSS3では色の指定の他に透明度を指定することができます。
rgbaとは、赤(red)・緑(green)・青(blue)・透明(alpha)の事。
指定する順番もこの順番になります。
色の指定は『#FFFFFF』のような16進数は使えず、『0-255』または『0%-100%』で指定します。
透明度の指定は『0.0-1.0』で指定します。
記述方法
background-color: rgba(赤,緑,青,透明);
サンプル
.sample1 { background-color: rgba(255,0,255,0.0);}
.sample2 { background-color: rgba(255,0,255,0.2);}
.sample3 { background-color: rgba(255,0,255,0.4);}
.sample4 { background-color: rgba(255,0,255,0.6);}
.sample5 { background-color: rgba(255,0,255,0.8);}
.sample6 { background-color: rgba(255,0,255,1.0);}
SAMPLE1
SAMPLE2
SAMPLE3
SAMPLE4
SAMPLE5
SAMPLE6