css - 在 ie10 怪癖模式下，带有 colspan 边框的 td

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>

代码：

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

7岁以下的边界消失了。我该如何展示它？

这是关于 jsfiddle 的示例：http: //jsfiddle.net/H4z7Q/

ADD：如果ie10发生某些事件，边框恢复正常。

Answer 1

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

<table cellpadding=0 cellspacing=0>

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

Answer 2

该标记违反了 HTML 表格模型，您可以通过查看http://validator.w3.org来查看它，其中提到第一行：“由元素 td 建立的表格第 6 列没有以它开头的单元格”。

所以所有的赌注都没有了。修改表格结构以使其符合要求，或尝试使用布局表格以外的其他工具来实现所需的布局。