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

Question

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

Answer 1

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

1 2 3 4 5 6 7 8

#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%的时候也就是说把图片宽高都设置成百分百，然后元素有多大，图片就会伸展多大，也就是说的整个页面