奇怪的safari渲染问题,以及其他浏览器的低性能

时间:2014-08-20 09:12:43

标签: html css performance web rendering

我正处于website的开发过程中,但是我无法解决造成这些过多问题的原因。

在OS X上的Safari(10.9.4上的7.0.6)中,随机元素将消失并重新出现并悬停在下拉菜单或按钮上,它们会突然重新出现。这是非常奇怪和不稳定的。

在Chrome(v36.0.1985.143)和Firefox(v31.0)中,滚动性能很差,但没有渲染问题。

所有onscroll事件都很干净。我已经尝试过几乎所有事情进行调整而无处可去。

如果有人可以解决这个问题,我将非常感激。 提前谢谢。

1 个答案:

答案 0 :(得分:1)

我在chrome或firefox上看不到任何滚动性能问题,但我注意到Safari渲染故障。

强制重排时,所有部分都会再次显示。尝试在backface-visibility:hidden;课程中添加.section

修改

您的#background-area已修复,并且没有任何z-index。把它放到z-index: -1;以保持在后面。