HTML5图像预加载

Question

我使用以下内容：

 window.addEventListener("load", pageFullyLoaded, false);

function pageFullyLoaded(e) {
// run animation instructions/function here
}

所以所有对象都在DOM中的时间，图像，脚本等已经完成加载我的动画指令可以被触发。

我现在的问题是关于图像预加载： 在我的CSS中，我一直在使用以下内容：

 body::after {
 content: url ("sprite.png");
 display: none;
 }

但是，如果JS中的加载事件已经等待所有图像在动画发生之前可用，我还不清楚使用或不使用它的区别是什么？在CSS中使用它有什么好处吗？

Answer 1

加载事件并不关心CSS。它们可能会在负载事件触发时加载，也可能不加载;他们可能是也可能不是“懒惰”＃34;仅应要求提供。