IE8 / 9表头组支持?

时间:2014-08-08 18:14:01

标签: html css internet-explorer

根据各种兼容性文档,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浏览器/文档模式,问题仍然存在。

1 个答案:

答案 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中的行为的完整信息。