假设我们有两个div彼此部分重叠，其中一个有background-color: rgba(128, 0, 0, 0.3); z-index: 2而另一个background-color: rgba(0, 128, 0, 0.7); z-index: 1。现在我想计算重叠区域的bgc值。
我在Chrome 62 @ MacOS上进行了测试，使用颜色选择器获取复合颜色值，结果为rgb(97, 115, 61)。我发现如果我使用不透明度而不是rgba的alpha通道，则值会稍微变为rgb(98, 117, 63)。我什么都搞不清楚。
据我推测，红色层应该占30％，绿色层（1-30％）* 70 = 49％，白色背景占21％，因此结果应为rgb(92, 116, 54)，其中边缘错误似乎很大？
那么为什么会这样呢？其他浏览器的行为是否相似？有关于它的规格吗？