divに単純な背景色とテキストを使用してdivを作成しようとしています。このdivの背景色の不透明度を下げたいのですが、それを行うと、divのテキストの不透明度も変わります。背景色のみの不透明度を変更する方法はありますか？色の不透明度を指定 -CSS divの背景色にコンテンツではなく不透明度を追加する
.main{
background-color: red;
width: 100%;
height: 200px;
opacity: 0.5;
}<div class="main">
<p>Opacity of this text shouldn't be changed.</p>
</div>RGBA
赤/
RGBA（255,0,0,0.1）/ * 10％不透明で4番目の引数であり、以下のようにあなたは、色のalphaチャネルを使用することができ RGBA（255,0,0,0.4）/ 40％の不透明赤色/
RGBA（255,0,0,0.7）/ 70％の不透明赤色/
RGBA（255,0,0、1 ）/フル不透明な赤*/
注：Redは0として最初の引数などとして255を持つことになりますし、あなたがopacity
.main{
background-color: rgba(255,0,0,0.7);
width: 100%;
height: 200px;
/*opacity: 0.5;*/
}<div class="main">
<p>Opacity of this text shouldn't be changed.</p>
</div>中古RGBA色の値は、アルファチャンネルとRGBカラー値の拡張です。
RGBAは、あなたがこのようにCSSを使用することができます（赤、緑、青、アルファ）
.main{
background-color: rgba(255, 0, 0, 0.5);
width: 100%;
height: 200px;
}<div class="main">
<p>Opacity of this text shouldn't be changed.</p>
</div>ありがとうございます。出来た！ @Manish – Harish
あなたを助けて嬉しい:) –
.main{
background:rgba(220,0,0,0.2);
width: 100%;
height: 200px;
}<div class="main">
<p>Opacity of this text shouldn't be changed.</p>
</div>用スタンド。
.main{
background:rgba(170,0,0,0.2);
width: 100%;
height: 200px;
}
'背景で
0-1から4番目のパラメータを変更することができます-color：rgba（rr、gg、bb、0.5） '。 –この質問は既に尋ねられています[** Here **]（http://stackoverflow.com/questions/16884398/how-to-change-the-background-colours-opacity-in-css）。質問を投稿する前に、まず自分で修正するか、少なくともGoogleで検索してください。私はこの質問をdownvotingしています。 –
申し訳ありませんが、私はそれを見ませんでした。私は次回に質問する前に適切な調査をすることを確認します。 @MuhammadUsman – Harish