html - IE8/9 表头组支持吗？

根据周围的各种兼容性文档，IE8/9 是为了支持display: table-header-group，但似乎并没有这样做。

如果您查看 this fiddle在 IE8/9 中(使用 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 浏览器/文档模式，问题仍然存在。

最佳答案

网站确实声称 IE 8 支持“table-header-group”，但他们只说对了一部分。如果目标元素是“div”而不是“tfoot”，IE 8 会将“div”视为“thead”并将其移动到“tbody”元素之上。

但是，如果目标元素是“tfoot”，则 IE 8 会忽略 CSS 并显示“tbody”元素下方的元素。

我已经在 Chrome 中试过了，Chrome 将“tfoot”移到了“tbody”之上。

我还没有用其他元素或浏览器尝试过。

所以，简短的版本是你没有犯错，但网站没有提供有关其在 IE8 中的行为的完整信息。

关于html - IE8/9 表头组支持吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25209758/