【发布时间】:2009-10-29 17:16:14
【问题描述】:
我的页面有很多悬停图片,有时会有来自 div-elements 或 img-tags 中的 src 的背景。
现在我遇到的问题是,当页面未完全加载(例如 90%)时,并且您想在 100% 加载之前单击菜单项,菜单项的图像悬停也未加载。因此,当您拥有比时,您会得到一个空的菜单项或空字段(无论是什么都没有该图像)。
如何预加载悬停图像?
【问题讨论】:
我的页面有很多悬停图片,有时会有来自 div-elements 或 img-tags 中的 src 的背景。
现在我遇到的问题是,当页面未完全加载(例如 90%)时,并且您想在 100% 加载之前单击菜单项,菜单项的图像悬停也未加载。因此,当您拥有比时,您会得到一个空的菜单项或空字段(无论是什么都没有该图像)。
如何预加载悬停图像?
【问题讨论】:
您可以将所有图像组合成一个“主”图像,然后在必要时显示它的切片。这种技术被称为CSS sprites。然后将只加载一个图像。在那之后,所有的零件都已经在那里了。
【讨论】:
我同意 Developer Art 的观点。沿着 CSS Sprites 路线走下去。他们已经存在的另一个好处是您减少了对 Web 服务器的请求数量,这在性能方面总是一件好事。
【讨论】: