额，CSS里面背景图片的加载，跟CSS代码放在哪里没有关系，它主要跟HTML中是否应用到这个定义有关，如果没有标签符合相应的选择器，根本不会加载css中的图片。
至于想要预加载css中的图片的话，可以用js操作一下，我下面的样例是加载所有的当前页面中style标签中出现的背景图。
var cssStr = document.getElementsByTagName('style')for (var i = 0i <cssStr.lengthi++) {
    var t = cssStr[i].innerHTML.match( /http:.*?[")]/g )
    for (var i = 0i <t.lengthi++) {
        var src = t[i].substring(0,t[i].length-1)
        new Image().src = src
    }
}优先加载恐怕难以实现，因为dom结构中的img只要写了正确的src就发送请求获取资源去了。
可以在CSS里面用background-image:url(你的图片地址)。这样来加入图片，展现到网页中。
<div id="bgimg"></div>
#bgimg {
background: #333 url(图片路径) center center no-repeat
}
第一个参数，图片底层的背景颜色，第二个参数，图片路径，第三个参数，图片上下的相对位置（其他参数left,right），第四个参数，图片左右的相对位置（top,bottom），第五个参数，图片的重复（其他参数 repeat,repeat-x,repeat-y）
扩展资料：
css背景图片代码：
{background-image: url(url)|none}；指定要使用的一个或多个背景图像
例子代码：
<html>
<head>
<meta charset="UTF-8">
<title>背景图片</title>
<style>
body{background:#ddd}
.div1{
width:300px
height:150px
background-image:url(2.jpg)
}
</style>
</head>
<body>
<div>背景图片</div>
</body>
