IE8/9是否支持table-header-group?

5
根据各种兼容文档,IE8/9应该支持"display: table-header-group",但事实并非如此。如果您在IE8/9中查看this fiddle(使用虚拟机或在较新版本中使用IE8/9兼容性) - 页脚会移回底部,这意味着它忽略了“table-header-group”样式。许多网站表明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虚拟机中重新测试,而不是使用IE10/11浏览器或文档模式,问题仍然存在。

1个回答

0

这些网站声称IE 8支持'table-header-group',但它们只是部分正确。如果目标元素是'div'而不是'tfoot',IE 8会将'div'视为'thead'并将其移动到'tbody'元素之上。

但是,如果目标元素是'tfoot',那么IE 8会忽略CSS并在'tbody'元素下方显示该元素。

我已经在Chrome中尝试过了,Chrome会将'tfoot'移到'tbody'上方。

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

因此,简短的版本是您没有犯错,但这些网站没有完整地提供有关IE8行为的信息。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接