html - 透明な境界線の色が必要以上に暗く見えるのはなぜですか?

Question

例: http://jsfiddle.net/WaJy7/

各タグに半透明の下部ボーダーを追加しようとしてい<tr>ますが、下部の行以外のすべてのボーダーの色が本来よりも暗く、その理由がわかりません。

これがなぜ起こるのか、そしてそれを修正する方法を説明できますか？

透明でない色を使用するソリューションには興味がありません。

Answer 1

これは、border-collapse のレンダリング バグのようです。テーブルが楽しい！

とにかく、border-collapse: collapse を削除し、境界線のスタイルを表のセル自体に移動しました。今はもっと幸せです。

http://jsfiddle.net/WaJy7/2/

table{
    border-spacing: 0; // Equivalent of cell-spacing: 0 on table
    width: 300px;
    margin: 30px;
}

table tbody td{
    border-bottom: 10px solid rgba(0,0,0,0.5);
}

table tbody tr td{
    text-align: center;
    padding: 15px;
}