Блог

Я разработал приложение для весенней загрузки, используя thymeleaf в качестве шаблона. Я использую контекстный путь сервера в своем application.properties.

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

Когда мне нужно отображать изображения в моем views.html Я использую этот синтаксис

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

Все круто

Но когда мне нужно использовать изображения в моем файле css, это не работает

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

У вас есть какие-либо идеи?

Спасибо за ваши ответы

В файле CSS вы должны ссылаться на изображения, используя относительные пути.

Если ваша структура папок выглядит так (начиная с src/main/resources ):

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

вы должны каким-то образом ссылаться на изображение:

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