html - 重複する rgba 値をどのように計算しますか?

Question

私がこれを持っているとしましょう：

.example { 

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

}

background-color と border-color の rgba 値は同じですが、border-color は background-color の上に計算されるため、色が異なります。

(簡単な例: http://jsfiddle.net/BBdB3/ )

背景色と一致させる境界色の透明度の値はどれですか? ここで数学は何ですか？

編集: rgba(0, 0, 0, 0) または透過性を使用することで、最初の例では十分ですが、まだ問題があります。( http://jsfiddle.net/CPK7L/2/ )。この場合、最初の要素の境界線の色を 2 番目の要素の境界線の色と一致させる必要があります。

では、2 番目の要素のアルファ値に基づいて、最初の要素の境界線のアルファ値を計算するにはどうすればよいでしょうか?