css 有没有办法让半透明元素(div)重叠,并且让重叠区域不加总2个alpha值?

ctehm74n  于 2022-12-05  发布在  其他
关注(0)|答案(1)|浏览(282)

因此,如果div 1和div 2的alpha值为0.5,则它们重叠的区域的alpha值仍为0.5,而不是0.75。
我真的想不出任何可能的方法

e3bfsja2

e3bfsja21#

mix-blend-mode属性接受许多不同的混合模式,每种模式都确定如何组合重叠元素的颜色和Alpha值。

// This CSS rule sets the mix-blend-mode of all elements with the class "semi-transparent" to "screen"
.semi-transparent {
  mix-blend-mode: screen;
}

mix-blend-mode属性设置为screen,用于所有半透明类的元素。这会导致使用screen混合模式将重叠元素的颜色和alpha值混合在一起,从而防止alpha值相加。

相关问题