jsp或者html与css中读取图片路径问题

我在WebRoot下面创建了resourse文件夹，里面放三个文件夹css/js/images

但是在jsp页面中使用<img src="resourse/images/flower8.jpg"> 可以读取文件，

但是在css中要使用background:url(../images/icon1.gif) no-repeat 5px 7px 来读取，上面的方法不可以。难以理解为什么

以下的方法可以用来限制上传图片比例的问题。。。

<script type="text/javascript">
var _URL = window.URL || window.webkitURL;
$("#photo").change(function(e) {
    var file, img;
    if ((file = this.files[0])) {
        img = new Image();
        img.onload = function() {
         if(this.height/this.width!=2){
           alert("图片无效");
          }
            alert(this.width + " " + this.height);
        };
        img.onerror = function() {
            alert( "not a valid file: " + file.type);
        };
        img.src = _URL.createObjectURL(file);
    }
});
</script>