Thymeleaf URL表現.cssファイル

Question

私は、Spring MVCとThymeleafビューエンジンを使用しています。私は外に持っていますstyle.css私のページのCSSのファイル。 CSSファイルでは、相対的な画像URLを参照したいと思います。

これは私ののstyle.cssファイルです：私の本当の

http://localhost/path/to/image/bg.png 

：存在しない、次のURLで画像にアクセスするための

.background { 
    width: 100%; 
    background-image: url('/path/to/image/bg.png'); 
} 

上記の試行画像は：

http://localhost/myapp/path/to/image/bg.png 

このStackOverflowの質問は、私の質問にインラインCSSの答えを与える：How to set background url for css files in thymeleaf?

しかし、これはどうすれば外部の.cssファイルですか？

Answer 1

イメージpath/to/image/bg.pngのイメージフォルダ構造をimagesフォルダ内に入れてresources/staticにします。次にとしてCSSでそれを参照してください。

.background { 
    width: 100%; 
    background-image: url('..images/path/to/image/bg.png'); 
} 

そして、あなたはとあなたのテンプレートで、このCSSを使用することができます。次のようになります。あなたのファイル構造

：