css - 带有 colspan 边界的 td 在 ie10 怪癖模式下被破坏

Question

ie10 未在 colspan 上显示精细边框。
它在其他浏览器上显示良好，但在 IE 10 上显示不佳。我将在下面发布我的代码。

HTML 代码:

<table>
<thead>
    <tr>
        <td rowspan="2">1</td>
        <td rowspan="2">2</td>
        <td colspan="4">3</td>
        <td rowspan="2">4</td>
    </tr>
    <tr>
        <td>5</td>
        <td>6</td>
        <td colspan="2">7</td>
    </tr>
</thead>
<tbody>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td colspan="3">4</td>
        <td>5</td>
    </tr>
</tbody>
</table>

CSS 代码:

table tr td {
    border: 1px solid black;
    width: 100px;
}
table {
    border-collapse:collapse;
}

7 下的边框消失了。我怎样才能显示它？

这里是 jsfiddle 的例子: http://jsfiddle.net/H4z7Q/

增加:如果在ie10中发生某些事件，边框会恢复正常。

Answer 1

您可以使用表格内联样式统计信息。而不是 border-collapse:collapse;

<table cellpadding=0 cellspacing=0>

将被视为相同的效果。但会回来并解决你的问题