Html 如何计算重叠的rgba值？

假设我有这个：

.example { 

  background-color: rgba(0, 0, 0, 0.5); 
  border-color: rgba(0, 0, 0, 0.5);

}

背景色和边框颜色具有相同的rgba值，但颜色不同，因为边框颜色是在背景色之上计算的

（简单示例：）

边框颜色的透明度值会使其与背景颜色匹配吗？这里的数学是什么

编辑：谢谢大家，对于我的第一个例子，使用rgba（0，0，0，0）或透明度就足够了，但我仍然有一个问题。(). 在这种情况下，我需要将第一个元素的边框颜色与第二个元素的边框颜色相匹配

---

那么如何根据第二个元素的alpha值计算第一个元素边界的alpha值呢

如果将borders alpha通道设置为0，它将与背景色匹配。在这里，基本颜色不做任何修改；这是透明的模式

要计算alpha通道的总和，它基本上是：

alpha-channel of border*（1-背景alpha-channel）+背景alpha-channel

---

因此，边框的alpha通道值实际上为

0.5*（1-0.5）+0.5=0.5*0.5+0.5=0.25+0.5=0.75

如果将边框alpha通道设置为0，它将匹配背景色。在这里，基本颜色不做任何修改；这是透明的模式

要计算alpha通道的总和，它基本上是：

alpha-channel of border*（1-背景alpha-channel）+背景alpha-channel

因此，边框的alpha通道值实际上为

0.5*（1-0.5）+0.5=0.5*0.5+0.5=0.25+0.5=0.75

边框颜色的透明度（alpha）值为0将使其与背景颜色匹配。见：

Fiddle:

边框颜色的透明度（alpha）值为0将使其与背景颜色匹配。见：

小提琴：

.example {
    display: inline-block;
    padding: 50px;
    background: rgba(0, 0, 0, 0.5);
    border: 25px solid rgba(0, 0, 0, 0);
}