将鼠标悬停在长页面上的定位标记变慢

Question

我希望这是一个简单的方法，但我有一个页面，其中有许多行的表格，用户可以决定从每页五十页的任意位置查看“整个“列表约1500行。我注意到，当每页查看更多行时，“a：hover”样式变得明显变慢。它在Firefox/Chrome/Safari中也不错，但在IE7中非常糟糕。当有大量使用该风格的锚点时，处理锚点悬停的最佳方法是什么？

这是我目前使用它的CSS：

a.brochurelink{ 
color:#000000; 
font-weight:bold; 
text-decoration:none; 
} 

a.brochurelink:visited{ 
color:#9900BD; 
} 

a.brochurelink:hover{ 
text-decoration:underline; 
color:#0000FF; 
} 

Answer 1

IE一直有一个非常缓慢的DOM实现。即使IE8比任何其他浏览器都要慢4到5倍。对网站性能感兴趣的人们一遍又一遍地证明了这一点。

CSS：hover伪选择器确实需要浏览器进行一定程度的处理才能在正确的元素上正确显示它。所以是的，IE可能会挣扎。

如果你做的比你在悬停上的东西（比如你实际上显示/隐藏一个元素，调整大小）会触发页面重排，必须重新计算整个DOM，会是真的是慢。

Answer 2

我的猜测是，这个问题是不是与你的CSS，但你的1500行！这听起来像你在推动浏览器的极限。我会坚持分页，你的用户会感谢你。