【发布时间】：2011-01-22 18:32:31
【问题描述】：
有什么方法可以检测到 CSS 背景图片是否已加载？通过使用普通标签，这很容易，但我需要使用 css 背景，因为我将 div 放置在图像上。 我需要检测这个图片已经加载的原因是我不想在背景图片显示之前开始预加载额外的图片。
【问题讨论】：
标签： css javascript-events
【发布时间】：2011-01-22 18:32:31
【问题描述】：
您可以强制背景图片下载到客户端的浏览器，使用传统的 javascript 方法预加载图片。下载后，它会被客户端缓存，并在您在 javascript 中编辑背景图像 css 时立即显示。
但请注意，这对于渐进增强是不好的做法。换句话说，您的网页外观将受到浏览器对 javascript 的支持的限制。
【讨论】：
-
浏览器忽略缓存怎么办？然后图像将被加载两次。可能不是一个好的解决方案。
-
如果浏览器忽略缓存，那么首先使用 javascript 预加载图像是没有意义的。
遇到了同样的问题。想了想，在有背景的<div>下面做了一个<img>，用css定位为背景。然后附上onLoad :)
【讨论】：