Chemin d'accès au contexte du serveur et URL des images dans CSS

Question

J'ai développé une application de démarrage au printemps en utilisant thymeleaf comme modèle. J'utilise le context-path du serveur dans mon application.properties.

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

Lorsque j'ai besoin d'afficher des images dans mon views.html J'utilise cette syntaxe

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

Tout est cool

Mais quand j'ai besoin d'utiliser des images dans mon fichier css il dosn » t travail

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

Woukd vous avez une idée?

Merci pour vos réponses

Answer 1

Dans le fichier CSS, vous devez référencer des images en utilisant des chemins relatifs.

Si la structure de votre dossier ressemble (à partir de src/main/resources):

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

vous devez faire référence à l'image d'une manière:

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