vog*_*tix 5 html css internet-explorer
根据各种兼容性文档,IE8/9意味着支持display:table-header-group,但它似乎没有这样做.
如果你在IE8/9中查看这个小提琴(在后面的版本中使用VM或使用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>
Run Code Online (Sandbox Code Playgroud)
更新:在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 中行为的完整信息。