如何使 css 中的背景图片 在页面加载时全部下载完成

html-css023

如何使 css 中的背景图片 在页面加载时全部下载完成,第1张

要使 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样式设置一批背景图片,然后将其隐藏,这样你就看不到那些图片了。那些背景图片就是你想预载的图片。

建议你使用Chrome浏览器打开那个网页,按照一下步骤,你就可以下载该背景图片了。

1.右键点击背景图片,在菜单中选择“Inspect element”菜单;

2.在右边CSS区域中,查出该背景图片的名字;

3.在Chrome下方的Resource区域选择该图片,

4.下载该图片。

images/这只是个路径,你想换图片,就把图片放到images这个文件夹里就行了然后再框里输你要换的图片名就行了,别忘了加后缀名,

后缀名为gif这只是一种格式,不用管,

你把图片放进去,看看合不合适,不合适,那就得改下大小改的跟你换的一样大就行了我说的大小指的是长和宽