为动态css背景预加载图像

Question

如何在显示大型背景图像并使用css background-image: url(image);格式之前预先加载大背景图像。我可以使用jQuery来简化它。

Answer 1

var img = document.createElement('img')
img.src = 'http://yourhref.com/myimg.jpg'

会加载图片。用Css：

var div = document.createElement('div')
div.style.backgroundImage = 'url("myurl.jpg")'

然后，当你想要添加它时，

document.body.appendChild(div)