5

WebアプリケーションにSpring3.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ファイルに画像をロードするのを手伝ってもらえますか？

4

2 に答える 2

19

フォルダツリーが次のような場合：

+resources 
 -css
   -main.css

 -img
  -lots_of_img.jpg

そうすれば、簡単になりurl('../img/bg.gif')ます。

于 2012-05-29T13:16:53.787 に答える
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
}

それはすべてあなたのディレクトリ構造に依存します！

あなたはこことここでこれについてもっと読むことができます！

于 2012-05-29T13:16:04.217 に答える