背景を半透明にする

◉ rgbを用いて１０進数で表示

これまで１６進数（＃FFFFFFなど）で色を表示してきたが、

１０進数を指定する方法もある。

　● rgba（ R値, G値, B値, A値 ）

　　※数値の間には　「 ,（カンマ）」が必要。

　　r=red

       g=green

       b=blue

の３色の指定に加えて、

　　a=alpha ( 透明度 )

の合計４つで、色を表現する。

EX)  background-color : rgba( 52, 159, 166, 0.5 )　

        background-color : #349FA6 

          どちらも同じ色になる。

　● 透明度　

透明度は　０〜１までの値を指定することができ、

「０」で完全に見えなくなり、

「１」では透明にはならない。

● opacity と a値 の違い

半透明にするプロパティとして、opacity もあるが、

「 opacity 」の場合は、ボックス全体が半透明になる。

一方、a 値で指定した場合は、文字に影響を与えず、

背景色だけを半透明にすることができる。