IE 10层的元件与相对位置在父元素

Question

元素与位置滚动后消失：相对，位于表格单元内的大表在特定情况下在因特网消失资源管理器10上的Windows 7：

1. 向下滚动页面
2. 滚动的DIV＃滚轮向右
3. 滚动到顶部
4. 预期所有的浏览器，IE10显示空白表单元格

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

大桌子，所有的细胞相同：

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

CSS：

td div { 
    position:relative; 
} 

这里是一个非常简单的演示：http://jsfiddle.net/86BaU/

Answer 1

这是IE10中已知和已报告的错误。然而，微软似乎不愿意做任何事情：

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); 

希望能为你工作！

opacity: 0.99; 

那么简单，检查了这一点：

Answer 2

它实际上是位置：相对，导致它消失？当您更改

position:relative 

回

position: static 

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

Answer 3

我们在项目中也有类似的问题，前端团队解决了这个！

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