要使 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样式设置一批背景图片，然后将其隐藏，这样你就看不到那些图片了。那些背景图片就是你想预载的图片。
示例<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>首页</title>
<meta name="keywords" content="首页" />
<meta name="description" content="首页" />
<link href="css/css.css" rel="stylesheet" type="text/css" /><!--这里就是载入css文件-->
<script type="text/javascript" src="js/js.js"></script>
</head>
<body>
</body>
</html>
