为什么 上的透明边框颜色<tr>看起来比预期的要深？

Question

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

我正在尝试为每个<tr>标签添加一个半透明的底部边框，但边框颜色比除底行之外的所有标签都要深，我不知道为什么。

你能解释一下为什么会发生这种情况以及如何解决它吗？

我对涉及使用非透明颜色的解决方案不感兴趣。

Answer 1

它似乎是一个带有边框折叠的渲染错误。桌子很有趣！

无论如何，我删除了边框折叠：折叠并将边框样式移动到表格单元格本身。现在更快乐了。

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;
}