根据各种兼容性文档,IE8 / 9旨在支持 display:table-header-group ,但它似乎没有这样做。
如果您在IE8 / 9中查看this fiddle(使用VM或在以后的版本中使用IE8 / 9兼容性) - 页脚会移回到底部,这意味着它忽略了表头组样式。各种网站表明这应该在IE8以后支持,那么是什么给出了?各个网站是不正确的,还是我犯了错误?
<head lang="en">
<title></title>
</head>
<body>
<table>
<thead>
<tr>
<th>Head 1</th>
<th>Head 2</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Foot 1</th>
<th>Foot 2</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>1.00</td>
<td>1.00</td>
</tr>
</tbody>
</table>
</body>
更新:在IE8 VM中重新测试,而不是使用IE10 / 11浏览器/文档模式,问题仍然存在。
答案 0 :(得分:0)
网站确实声称IE 8支持&table-header-group&#39;但它们只是部分正确。如果目标元素是&#39; div,而不是&#39; tft&#39;,则IE 8会处理&#39; div&#39; div。作为一个&#39; thead&#39;并将其移到&#39; tbody&#39;元件。
但是,如果目标元素是&#39; tft&#39;,那么IE 8会忽略CSS并在&#39; tbody&#39;下方显示元素。元件。
我已经在Chrome中试过了,而且Chrome已经移动了一脚#&#39;以上&#39; tbody&#39;。
我还没有尝试过其他元素或浏览器。
因此,简短版本是您没有犯错,但网站没有提供有关其在IE8中的行为的完整信息。