javascript - 表格和 div 的故障(位置 : absolute) in Firefox

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>

当部分滚动出 View 时，其背景颜色和边框会消失:

(monique是透明的……)

现在，省略内部 div s z-index修复了这个问题，但不遗漏它修复了第一个问题。

好吧，抱歉，这太窄了，但也许有人以前见过类似的东西。

Answer 1

在 body 中添加一个 position:relative;。

这将解决它。