Firefox不稳定的元素可见性

Question

我正在建立一个网站，当用户点击一个按钮时，就会出现一个元素。

我通过以下方式实现这一目标：

element.style.display="block"; //to show it.

和

element.style.display="none"; //to hide it.

问题是在Firefox中，元素在变为“可见”之后有时会部分地出现在其他元素之下。当我将鼠标指针移动到该区域时，它们会重新出现。有时这个新出现的元素正确地高于其他元素，但有时不是，并且当它正确显示并且出现缺陷时它似乎非常随机。我认为这与缺少重排或重绘DOM有关。我已经尝试改变其他风格的元素，希望它会强制重新获得/重新使用DOM，但无济于事。

这个错误看似随机出现，很难处理。

如何阻止此可见性问题的发生？

编辑： 显然，将一个透明元素放在一个透明元素上可以改善这个问题。现在，这个bug有时会在其发生的一秒内自动修复。

Answer 1

解决问题的方法是定义导致onload事件后不稳定可见性的div。