春季CSS图像加载

Question

我正在使用弹簧3.0.7为我的Web应用程序。我想在一个CSS文件中像这样从我的资源位置加载图像：

.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/"/> 

至于说ealier，我可以加载在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！