internet-explorer-10 - 在父元素中滚动后相对位置消失的 IE 10 元素

Question

position: relative 的元素，位于大表格中的表格单元格内，在特定情况下会在 Windows 7 上的 Internet Explorer 10 中消失:

1. 向下滚动页面
2. 向右滚动div#scroller
3. 滚动到顶部
4. 所有浏览器都按预期工作，IE10 显示空白表格单元格

此时，调整IE10窗口大小将触发单元格内容的正确显示。

大表格，所有单元格都相同:

<td><div>Foo bar</div></td>

CSS:

td div {
  position:relative;
 }

这是一个极其简化的演示:http://jsfiddle.net/86BaU/

Answer 1

这是 IE10 中已知和已报告的错误。然而，MS 似乎不愿意对此做任何事情:

https://connect.microsoft.com/IE/feedback/details/817099/ie-10-elements-with-relative-position-disappearing-when-scrolling-in-parent-element-on-windows-7

黑客似乎迫使 IE 使用硬件加速(或以其他方式通过切换 display:none 强制重绘)。这对我有用:

-ms-transform: scale(1);
transform: scale(1);

希望这对你有用!