html - 带有 colspan 集的 IE 表格单元格边框错误

Question

我有以下示例表：

<table>
    <thead>
        <tr>
            <th>t1</th>
            <th>t2</th>
            <th>t3</th>
            <th>t4</th>
            <th>t5</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td colspan="5">Colspan=5 here</td>
        </tr>
    </tbody>
</table>

这是简单的 CSS 代码：

table {
    border-collapse: collapse;
    border-spacing: 0;
}
th, td {
    border: 1px solid #000;
}

奇怪的是第一次th消失后的底部边框，这是一个截图：

当我切换到另一个窗口并切换回 IE 时，表格会正常刷新。为了方便，我创建了一个jsFiddle：http: //jsfiddle.net/hulufei/3dxt2/9/

这个效果IE10,9,8。IE中这个bug有修复吗？

Answer 1

更改样式代码，因为这似乎解决了问题：

table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top:1px solid #000;
    border-left:1px solid #000;
}
th, td {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

Answer 2

<table>
<thead>
    <tr>
        <th>t1</th>
        <th>t2</th>
        <th>t3</th>
        <th>t4</th>
        <th>t5</th>
    </tr>
</thead>
<tbody>
  <tr>
    <td colspan="5">Colspan=5 here</td>
  </tr>
</tbody>