css - 具有透明背景的div中的文本混合模式

Question

是否可以将混合混合模式添加到背景颜色透明的 div 中的文本？

我在顶部有一个固定栏，背景透明，所以我可以滚动并让所有内容都可见。但现在我想添加混合模式：排除到我在 nabber 中的文本。可能吗？

谢谢！

标签： css

Answer 1

如果您使用 RGBa 格式作为背景颜色，这应该可以。

像这样测试：

background-color: rgba(10,23,55,0.5);

其中 0.5 是不透明度级别。

对于较旧的浏览器（IE9-），解决方案是另一种。然后你可以使用 2 个 div，而不是彼此的后代，并将它们放在彼此的顶部。

另一种方法是使用 background-repeat 使用半透明 .png 作为背景图像，以防 div 大小是自适应的。