使用 CSS 更改背景元素的透明度
[英]Changing the transparency of the background element with CSS
问题描述
Is is possible to achieve this effect using HTML and CSS?
是否可以使用 HTML 和 CSS 来实现此效果？
The goal is to have an overlay with a specific opacity (say, rgb(0, 0, 0, 0.5) ), with the effect removed on intersections with children/sibling elements.目标是具有特定不透明度的叠加层（例如rgb(0, 0, 0, 0.5) ），并在与子/兄弟元素的交叉点上移除效果。 The opposite effect is quite easy to achieve with background colors on the chosen elements, but is it possible to remove the background color on intersections?在所选元素上使用背景 colors 很容易实现相反的效果，但是是否可以删除交叉点的背景颜色？ I have looked into mix-blend-mode CSS property, but the combinations that I've tried so far do not seem to achieve this effect.我研究了mix-blend-mode CSS 属性，但到目前为止我尝试过的组合似乎没有达到这种效果。
If it's not possible to achieve in pure CSS, how can canvas or SVG be used to achieve this effect?如果在纯 CSS 中无法实现，那么如何使用 canvas 或 SVG 来实现此效果？
0 个解决方案
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.