gpt4 book ai didi

html - CSS 覆盖 rgba 透明度

转载 作者:太空狗 更新时间:2023-10-29 15:49:19 26 4
gpt4 key购买 nike

<!doctype>
<html>
<head>
<style>
div {
background:rgba(0,255,255,0.3);
}
#div1 {
width:300px;
height:300px;
}
#div2 {
width:200px;
height:200px;
}
</style>
</head>
<body>
<div id="div1"><div id="div2"></div></div><br/>
</body>

div2 的实际计算透明度是多少?我很困惑。是一个未知数,不是0.3+0.3,也不是0.3+0.3*0.3

最佳答案

alpha channel 的总和可以计算为:

alpha_top + alpha_bottom * (1 - alpha_top) =
0.3 + 0.3 * (1 - 0.3) =
0.3 + 0.3 * 0.7 =
0.3 + 0.21 =
0.51

有关更多说明,请参阅 Alpha Compositing @ wikipedia ,其中列出的公式为:

formula

formula

这本质上是相同的公式used by Bogdan Kuštan也可以在this answer by bwoebi中找到.

关于html - CSS 覆盖 rgba 透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31011297/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com