Html CSS将不透明度添加到div的背景色而不是内容

我正在尝试创建一个具有简单背景色的div，并在div上添加一些文本。我想降低此div背景色的不透明度，但当我这样做时，div上文本的不透明度也会发生变化。有没有办法只改变背景色的不透明度

梅因先生{ 背景色：红色； 宽度：100%； 高度：200px； 不透明度：0.5； } 不应更改此文本的不透明度

---

使用的RGBA颜色值是带有alpha通道的RGB颜色值的扩展，该通道指定颜色的不透明度

RGBA代表红、绿、蓝、阿尔法

梅因先生{ 背景色：rgba255,0,0,0.5； 宽度：100%； 高度：200px； } 不应更改此文本的不透明度

梅因先生{ 背景：rgba220,0,0,0.2； 宽度：100%； 高度：200px； } 不应更改此文本的不透明度

可以使用颜色的alpha通道，如下所示，这是RGBA中的第四个参数

rgba255,0,0,0.1/*10%不透明红色/ rgba255,0,0,0.4/40%不透明红色/ rgba255,0,0,0.7/70%不透明红色/ rgba255,0,0,1/全不透明红色*/

注意：红色的第一个参数为255，其他参数为0，您可以将第四个参数从0-1更改为不透明度

梅因先生{ 背景色：rgba255,0,0,0.7； 宽度：100%； 高度：200px； /*不透明度：0.5*/ } 不应更改此文本的不透明度

---

背景色：rgbarr，gg，bb，0.5。这个问题已经被问过了。在发布问题之前，请先尝试自己解决，或者至少在谷歌上搜索。我对这个问题投了反对票。对不起，我没看到。我会确保在下次提问之前做了适当的研究@MuhammadUsmanGlad帮助您：@Harish我更新了您的代码，您可以执行它以查看效果。@Harish Red的第一个参数是255，其他参数是0，您可以将第四个参数从0-1更改为0