CSSのサーバcontext-pathとimages url

Question

私はテンプレートとしてthymeleafを使ってスプリングブートアプリケーションを開発しました。私は私のapplication.propertiesでserver context-pathを使用します。

server.context-path: /myapp/v1.0 

私は私のviews.htmlで画像を表示する必要があるとき、私はこの構文を使用

<img th:src="@{/img/first.png}" /> 

「すべては

クールですが、私は私のcssファイル内の画像を使用する必要がある場合、それはdosn

/* Search input */ 
input.search-input { 
    text-align: left; 
    background-image: url('/img/search.png'); 
} 

Woukdあなたは何か考えていますか？あなたの答えあなたは相対パスを使用して画像を参照する必要がありますCSSファイルで

Answer 1

ため

感謝。

フォルダ構造は、（src/main/resourcesで始まる）のように見える場合：

. 
├── application.properties 
├── static 
│   ├── css 
│   │   └── style.css 
│   └── img 
│    └── first.png 
└── templates 
    └── index.html 

あなたが方法で画像を参照する必要があります。

background-image: url("../img/first.png");