如何使用CSS为文本或图像提供透明背景？

仅使用CSS，是否可以使background元素的元素半透明，但元素的内容（文本和图像）不透明？

我想在不将文本和背景作为两个单独的元素的情况下完成此操作。

仅使用CSS，是否可以使background元素的元素半透明，但元素的内容（文本和图像）不透明？

我想在不将文本和背景作为两个单独的元素的情况下完成此操作。

仅使用CSS，是否可以使background元素的元素半透明，但元素的内容（文本和图像）不透明？

我想在不将文本和背景作为两个单独的元素的情况下完成此操作。

仅使用CSS，是否可以使background元素的元素半透明，但元素的内容（文本和图像）不透明？

我想在不将文本和背景作为两个单独的元素的情况下完成此操作。

仅使用CSS，是否可以使background元素的元素半透明，但元素的内容（文本和图像）不透明？

我想在不将文本和背景作为两个单独的元素的情况下完成此操作。

尝试时：

p {   position: absolute;   background-color: green;   filter: alpha(opacity=60);   opacity: 0.6; }  span {   color: white;   filter: alpha(opacity=100);   opacity: 1; }

<p>   <span>Hello world</span> </p>

解决方案：

background-color: rgba(255, 0, 0, 0.5); 

<p style="">   <span>Hello, World!</span> </p>