为什么CSS在IE8中徘徊缓慢？

Question

我有一个带有jstree和/或jqgrid的页面 - 我用它来表示我的观点并不重要,因为我怀疑它是IE8中的任何悬停效果...返回点:

将鼠标悬停在<a>标记上时,background-color会使用CSS更改.在所有浏览器中,包括IE7(虽然稍微慢一点 - 我估计+ -300ms),背景变化没有滞后,但在IE8中,滞后可以达到1秒以上.

1. 我不会onmouseover,onmouseout在任何这些元素上调用任何额外的等等.

2. 我已经关闭了jQuery中的所有动画.

3. 隐藏页面上除了jstree之外的所有元素(例如)确实使悬停效果稍微快一点,但没有什么真正值得注意的.

4. 使用IE8 Debuggers探查器不会显示任何显着的开销,只有jQuery sizzle.js中的正常时间才会显着

5. 这是在加载了所有文档元素之后,没有对服务器进行额外调用,没有下载新图像等.

任何改进这方面的建议,例如:性能测试,标签选择等,都会受到很大的重视.

此致,Byron Cobb.

PS此问题先前由bobmoff提出并没有真正回答任何问题.

编辑:

进一步的测试表明,jquery .hover()和绑定mouseenter和mouseleave在IE8中也同样慢.例如 - 除了我的jqgrid之外,我已经删除了页面上的所有内容,并且悬停效果仍然很慢(尽管观察到略微增加)

在兼容模式下运行IE8也可以解决这个缓慢的悬停问题.

Answer 1

不是完全重复，因此没有标记为这样，但是这篇 stackoverflow 文章“ Mouseover/hover Effect Slow on IE8 ”可能对您有帮助。

我还在这里找到了更多帮助：http://boardreader.com/thread/Javascript_CSS_IE8_problem_MouseOver_ver_bd40Xr0fw.html