html - 我可以只为 div 的背景图像设置不透明度吗？

Question

假设我有

<div class="myDiv">Hi there</div>

我想放一个background-image 并给它一个0.5 的opacity – 但我希望我写的文字会具有完全不透明度 (1)。

如果我这样写CSS

.myDiv { opacity:0.5 }

一切都将处于低不透明度状态——我不希望这样。

所以我的问题是 – 如何获得带有完全不透明文本的低不透明度背景图像？

Answer 1

所以这是另一种方式:

background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url("your_image.png");