在Firefox中使用表格和div（位置：绝对）的故障

Question

我为网络应用构建了一个日历，类似于FixedHeaderTable jQuery plugin 对于网格，我使用类似<div style="position:absolute; overflow:scroll"><tables/></div>的结构并设置div scrollTop。

有时滚动会产生毛刺：

这至少发生在OSX 10.6.8和Firefox 25上，我知道这是一个狭窄的目标群体并且难以重现，但我仍然对这种类型的故障的可能原因感兴趣，当然还有可能的解决方案（强制重绘？）。

到目前为止，我知道如果我不对position: absolute div使用<td> <div style="position:relative"> <div style="position:absolute; width:100px; height:100px; z-index:10" /> </div> </td> ，它就会消失。

额外奖励：在表格单元格中，我有盒子，如此构建：

div

当它们部分滚动出视图时，其背景颜色和边框消失：

（莫妮克是透明的......）

现在，省略内部z-index {{1}}修复此问题，但不会忽略它修复了第一个问题。

好的，对不起，这是如此狭窄，但也许有人之前见过类似的东西。

Answer 1

将position:relative;添加到body。

这将解决它。