因此,如果div 1和div 2的alpha值为0.5,则它们重叠的区域的alpha值仍为0.5,而不是0.75。我真的想不出任何可能的方法
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值相加。
1条答案
按热度按时间e3bfsja21#
mix-blend-mode属性接受许多不同的混合模式,每种模式都确定如何组合重叠元素的颜色和Alpha值。
mix-blend-mode属性设置为screen,用于所有半透明类的元素。这会导致使用screen混合模式将重叠元素的颜色和alpha值混合在一起,从而防止alpha值相加。