有很多情况下，我们需要一个HTML元素的背景是半透明的。但该元素的背景应该是不透明的。例如，我们可以在CSS标志设计中使用这个概念。
但问题是如何获得实际效果？我们可以通过使用半透明的png图片或使用CSS背景色属性来实现这种效果。
如何在CSS中改变背景图片的不透明度而不影响文字？
我们要通过使用CSS的背景色属性来实现这一效果。在CSS中定义颜色时，我们使用的是十六进制或RGB颜色代码方法。但我们要使用的是RGBA颜色格式。这里我们知道RGB的含义，即红、绿、蓝。但 "A " 意味着Alpha。一般来说，RGBA是RGB的一个扩展。
A "参数是一个介于0.0到1.0之间的数字，其中0.0表示完全透明，1.0表示完全不透明。红、绿、蓝三色的数值应该是0到255。RGBA颜色格式的语法是
rgba(red, green, blue, opacity);
所以下面是我们可以得到这种效果的代码：
<p style="background-color: rgba(255, 0, 0, 0.5);">
<span>Hello, World!</span>
</p>
