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

Posted 2023-03-06

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

【英文标题】：How to add image background to text with opacity? [duplicate]

【发布时间】：2015-12-10 16:53:09

【问题描述】：

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

我希望它看起来像这样：

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

【问题讨论】：

也请花一点时间查看this link；它将帮助您更好地回答未来的问题。

【参考方案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。