Spring CSS图像加载

Question

我正在使用Spring 3.0.7 作为我的Web应用程序。我想从我的资源位置加载一个图像，如下所示：

.tag {
    background: transparent url(/resources/img/bg.gif) no-repeat;
    background-position: 0 50%;
    padding-left: 50px
}

我可以轻松地在jsp文件中加载我的静态资源，如下所示，没有任何问题：

<c:url value="/resources/css/main.css" />

我的静态资源处理程序已配置如下：

<mvc:resources mapping="/resources/**" location="/web-resources/"/>

如上所述，我可以在没有问题的情况下在jsp文件中加载资源，但是无法在我的CSS中加载图像。任何人都可以帮助加载CSS文件中的图像！

Answer 1

如果您的文件夹树是这样的：

+resources 
 -css
   -main.css

 -img
  -lots_of_img.jpg

然后更容易到url('../img/bg.gif')。

Answer 2

CSS路径相对于CSS文档位置：

.tag {
    background: transparent url("resources/img/bg.gif") no-repeat;
    background-position: 0 50%;
    padding-left: 50px
}

或

.tag {
    background: transparent url("../resources/img/bg.gif") no-repeat;
    background-position: 0 50%;
    padding-left: 50px
}

或基于结构逻辑

.tag {
    background: transparent url("../img/bg.gif") no-repeat;
    background-position: 0 50%;
    padding-left: 50px
}

这完全取决于您的目录结构！

您可以详细了解此here和here！