Css 有没有一种简单的方法可以使文本实体和背景透明

我试图实现文本为实心的效果，没有任何东西可以显示出来，但包含文本的元素的背景色要具有不透明度（例如o.5）。
我目前正在使用一个元素加上另一个元素来执行此操作。
我想知道是否有一种方法可以只使用一个元素

<div class="body">
   here be a background image

   <div class="title"> TITLE WITH FAINT WHITE BACKGROUND</div>
</div>

这是一张背景图片
标题有淡淡的白色背景

您可以使用定义支持alpha的颜色

.title{
    color:black;
    background-color:rgba(255,255,255,0.5);
}

支持此功能：

---

全样本

.body{
高度：200px；
宽度：100%；
背景：url（'http://lorempixel.com/500/200/abstract/1');
}
.头衔{
颜色：黑色；
背景色：rgba（255255,0.5）；
}

标题有淡淡的白色背景

您可以使用定义支持alpha的颜色

.title{
    color:black;
    background-color:rgba(255,255,255,0.5);
}

支持此功能：

---

全样本

.body{
高度：200px；
宽度：100%；
背景：url（'http://lorempixel.com/500/200/abstract/1');
}
.头衔{
颜色：黑色；
背景色：rgba（255255,0.5）；
}

标题有淡淡的白色背景

要在单个元素中实现这一点，您需要将rgba颜色设置为第一幅图像，以便在上面进行渲染

这使得无法将其设置为颜色，您需要一个图像

实现这一点的两个可能性是image（）和线性渐变：

.test{
背景图像：图像（rgba（0,0255,5）），url（“http://placekitten.com/800/600");
}
.测试{
背景图像：线性渐变（0度，rgba（255255255.5），rgba（255255.5）），url（“http://placekitten.com/1000/800");
}

---

TEST

要在单个元素中实现这一点，需要将rgba颜色设置为第一个图像，以便在上面进行渲染

这使得无法将其设置为颜色，您需要一个图像

实现这一点的两个可能性是image（）和线性渐变：

.test{
背景图像：图像（rgba（0,0255,5）），url（“http://placekitten.com/800/600");
}
.测试{
背景图像：线性渐变（0度，rgba（255255255.5），rgba（255255.5）），url（“http://placekitten.com/1000/800");
}

---

TEST

bg到正文还是标题？向css显示您正在尝试的内容…背景到正文或标题？向css显示您正在尝试的内容…@BhojendraNepal我从问题“保存文本的元素的背景色，不透明度”中假设OP需要纯色。我认为OP发布的示例代码是他想要的最终代码。@BhojendraNepal我从问题“包含文本的元素的背景色，不透明度”中假设OP想要纯色。我认为OP发布的示例代码是他想要的最终代码。