表中的后续行具有较暗的半透明border-top

Question

如果该颜色是半透明的（即，table的alpha值），0 < α < 1元素中任何非第一行的顶部边框的颜色会有所不同。

第一行看起来很好，但是第二行到 n 行看起来更暗。只有在颜色是半透明的情况下才会发生这种情况。我怀疑这里有半透明边框的重叠，但我无法弄清楚是什么，因为边界只在顶部。

以下是代码：http://codepen.io/chharvey/pen/qdNZdK?editors=110

以div与p为行，span为单元格相比，它看起来像是什么样子。 （table在左侧，div在右侧。）

如果我添加以下css，div现在看起来与表格完全相同，带有错误的边框：

div {
  display: table;
  border-collapse: collapse;
}
p {
  display: table-row;
}