html - 为什么透明边框颜色看起来比预期的要暗？

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