如何将图像背景添加到不透明的文本中？ [复制]

【问题标题】：How to add image background to text with opacity? [duplicate]如何将图像背景添加到不透明的文本中？ [复制]
【发布时间】：2015-12-10 16:53:09
【问题描述】：

我需要为我的文本添加不透明的图像作为背景

我希望它看起来像这样：

有人知道怎么做吗？提前致谢！

【问题讨论】：

标签： css

【解决方案1】：

您可以将文本包装在 div 中并将不透明度设置为小于 1，这将使该 div 中的所有内容都半透明。

要使文本透明，只需将颜色设置为 rgba 值，其中 a

color: rgba(255,255,255,0.7);

这是最后一个解决方案的小提琴：http://jsfiddle.net/fu3r0865/

【讨论】：

【解决方案2】：

像这样使用 opacity 属性。

opacity: 0.5;

不透明度的值在 0 到 1 之间。默认为 1。

【讨论】：