html - 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 效果是否会导致使用菜单时出现延迟，我不能确定。尝试将其裁剪到一定大小，看看是否会有所不同。

当我们谈到这个主题时，您的所有图像在浏览器中都被缩小了 - 如果它们只是需要的那么大，这对您的带宽和我们的加载时间会好得多。

要亲自查看，请右键单击 FireFox 中的任何一个，然后选择“查看图像信息”。它会告诉您实际尺寸及其显示的内容。