我为我的客户制作了一个纯CSS下拉菜单。下拉菜单使用主菜单项后面的背景图像。在Firefox 3和4中,CSS菜单本身没有明显的延迟:
在Firefox 3和4中,当下拉菜单放在我客户的网站中时,菜单项上的悬停效果有一个短暂的滞后,悬停效果“跟随”光标。
我需要做些什么才能使网站上的下拉菜单执行速度与单独执行时一样快?
答案 0 :(得分:2)
这个答案不是解决方案,只是一个建议(但对于评论来说太详细了)! 我无法重现这个问题,因为我只有FF7可用,但万一它与之相关 - 你的图像太大了。
相关示例pictures2/sandHeader.jpg
- 形成background-image
元素的#nav
- 当您只展示其中的一小部分时,它是一个惊人的1024 x 768。是否与页面上的其他CSS3效果相结合,导致使用菜单时出现延迟,我无法确定。尝试将其缩小到适当大小,看看是否会产生影响。
虽然我们正在研究这个主题,但是你的所有图像都在浏览器中缩小了 - 如果它们只有它们所需的那么大,那么你的带宽和加载时间会好得多。
要自己查看,请右键单击FireFox中的任意一个,然后选择“查看图像信息”。它会告诉你actul大小及其显示的内容。