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

html-css019

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 () {

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

}