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

Question

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

Answer 1

要使 css 中的背景图片在页面加载时全部下载完成，可以使用CSS实现。示例代码如下：12345678#preloader {background-image: url(image1.jpg);background-image: url(image2.jpg);background-image: url(image3.jpg);width: 0px;height: 0px;display: inline;}这个概念就是写一个CSS样式设置一批背景图片，然后将其隐藏，这样你就看不到那些图片了。那些背景图片就是你想预载的图片。

Answer 2

有个笨方法，就是你把图片单独拿出来放在head里面，也就是所谓的预加载，至于具体的做法你上网搜搜吧，我印象中最简单的做法就是在head里面做个<img src>就可以了。

Answer 3

css3有个属性background-size: cover;或者background-size: 100% 100%;你可以添加上试一下background:url(../images/contx2.jpg) no-repeat left top;background-size: 100% 100%;

Answer 4

　如果你用的是图片的话，也就是img标签，那么可以设置width为100%　如果你用的是背景的话，那么可以设置background-size:100%　后者不支持低版本IE浏览器

Answer 5

覆盖整个页面也就需要图片占据整个屏幕或者占据整个html元素；在css3出来之后，有一个属性background-size;这个属性可以给背景图片设置大小，当值为100% 100%的时候也就是说把图片宽高都设置成百分百，然后元素有多大，图片就会伸展多大，也就是说的整个页面