css文件设置背景图片一直在加载

html-css013

css文件设置背景图片一直在加载,第1张

css文件设置背景图片一直在加载原因是图片路径错误。根据查询相关资料信息显示：在css文件夹里设置样式引用其他文件夹内图片，html里图片加载不出，在前面加上background：url('../images/beijing.jpg')。即可。

要使 css 中的背景图片在页面加载时全部下载完成，可以使用CSS实现。示例代码如下：

#preloader {

background-image: url(image1.jpg)

background-image: url(image2.jpg)

background-image: url(image3.jpg)

width: 0px

height: 0px

display: inline

}

这个概念就是写一个CSS样式设置一批背景图片，然后将其隐藏，这样你就看不到那些图片了。那些背景图片就是你想预载的图片。

//①首先要获得该元素背景图片的URL；

//②NEW一个图片对象

var bgimg = new Image()

//③给这个图片对象加上onload事件

bgimg.src = '该元素背景图片的URL'

bgimg.onload = function () {

//图片对象加载完成，对应的该元素背景图片也加载完成

}