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

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

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

希望这对你有用！

Answer 2

实际上是 position:relative 导致它消失吗？当你改变时会发生什么

position:relative

回到

position: static

作为一个侧面的想法，当您说重新调整 IE 10 窗口的大小将触发单元格内容的正确显示时，这可能是一个内存不足的问题。您可以尝试重新启动计算机或在其他计算机上的 IE 10 中查看它。

Answer 3

我们的项目中有类似的问题，前端团队通过以下方式解决了这个问题：

opacity: 0.99;

很简单，看看这个！

http://jsfiddle.net/86BaU/106/