java - Spring CSS 图像加载

Question

我正在为我的 Web 应用程序使用 Spring 3.0.7 。我想在 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/"/>

如前所述，我可以毫无问题地在 jsp 文件中加载资源，但无法将图像加载到我的 CSS 中。任何人都可以帮助将图像加载到 CSS 文件中！

score 19 · Accepted Answer

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

+resources 
 -css
   -main.css

 -img
  -lots_of_img.jpg

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

score 2 · Accepted Answer

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
}

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

您可以在此处和此处阅读有关此内容的更多信息！

2 回答 2