在父元素中滚动后相对位置消失的 IE 10 元素答案

【问题标题】：IE 10 elements with relative position disappearing after scrolling in parent element在父元素中滚动后相对位置消失的 IE 10 元素
【发布时间】：2016-07-07 21:17:58
【问题描述】：

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

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

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

大表，所有单元格相同：

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

CSS：

td div {
  position:relative;
 }

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

【问题讨论】：

我看到了类似的行为
我遇到了几乎相同的事情（仅在 IE10 中），但在我的情况下，固定 div 内的随机元素，即绝对 div 内，即相对 div 内的随机元素消失了..跨度>

标签： internet-explorer-10 css-position

【解决方案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);

希望这对你有用！

【讨论】：

【解决方案2】：

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

position:relative

position: static

顺便说一句，当您说重新调整 IE 10 窗口大小将触发单元格内容的正确显示时，这可能是内存不足的问题。您可以尝试重新启动计算机或在其他人的计算机上以 IE 10 模式查看。

【讨论】：

【解决方案3】：

我们在我们的项目中遇到了类似的问题，前端团队解决了这个问题：

opacity: 0.99;

这么简单，看看这个！

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

【讨论】：