CSS下拉菜单滞后于Firefox

Question

我为我的客户做了一个纯粹的CSS下拉菜单。下拉菜单使用主菜单项后面的背景图像。在Firefox 3和4，CSS菜单不具有明显的滞后，当它是由本身：

by itself

在Firefox 3和4，当下拉菜单被放置在我的客户的网站，悬停效果上菜单项的滞后时间较短，悬停效果“跟随”光标。

on website

我有什么做的，使网站上的下拉菜单中的执行速度当它是由本身？

Answer 1

这个答案是不是一个解决方案，只是一个建议（但太详细的评论）！ 我无法重现该问题，因为我只有FF7可用，但为了防万一它是相关的 - 您的图像太大。

相关示例pictures2/sandHeader.jpg - 其形成#nav元素的background-image - 当您仅显示一部分元素时，它的分辨率高达1024 x 768。无论是结合页面上的其他CSS3效果，在使用菜单时都会导致滞后，我无法确定。尝试裁剪尺寸，看看是否有所作为。

虽然我们谈到了这个问题，但是所有的图片都在浏览器中缩小了尺寸 - 如果它们只有它们的大小，那么对于您的bandwith和我们的加载时间来说，它会更好。

要亲自看看，请右键单击FireFox中的任意一个，然后选择'查看图片信息'。它会告诉你实际大小以及它显示的内容。