[解決済み] CSSの不透明度は背景色にのみ適用され、その上のテキストには適用されない？重複

質問

を割り当てることができます。 opacity プロパティを background プロパティの div のみで、その上のテキストには適用されないのですか？

試してみました。

background: #CCC;
opacity: 0.6;

が、これでは不透明度が変わりません。

解決方法は？

透明な背景を使いたいようですが、その場合は rgba() 関数を使用します。

rgba(R, G, B, A)

R（赤）、G（緑）、B（青）のいずれかを指定します。 <integer> または <percentage> s であり、数値 255 は 100%に相当する。A（アルファ）には <number> 0と1の間、または <percentage> ここで、数値1は100%（完全な不透明度）に相当します。

RGBaの例

background: rgba(51, 170, 51, .1)    /*  10% opaque green */ 
background: rgba(51, 170, 51, .4)    /*  40% opaque green */ 
background: rgba(51, 170, 51, .7)    /*  70% opaque green */ 
background: rgba(51, 170, 51,  1)    /* full opaque green */ 

小さな 例 を表示します。 rgba を使用することができます。

2018年現在、実質的に すべてのブラウザは rgba シンタックス .