html - 行を横切るクロームボーダートップブリード

Question

レンダリングされる HTML がいくつかあり、Chrome で a の境界線が<td>行の残りの部分ににじむという問題が発生しています。ただし、上枠だけにじみがあります。

こちらで問題を再現できました。

score 3 · Accepted Answer

これを引き起こしているのは、border-collapse css 句です。これを修正するには、次のようにします。

table
{
    border-collapse: separate;
}

例