Настройка атрибутов стиля CSS с помощью thymeleaf

Question

Как установить свойство фона тега стиля с помощью разрешенного thymeleaf url.

У меня есть

<div style="background:url('<url-to-image>')"></div> 

Есть <img th:src="${@/<path-to-image>}"> эквивалента для установки атрибутов стиля в thymeleaf.

Answer 1

Вы можете добиться того, что если вы используете th:style, чтобы установить атрибут стиля:

<div th:style="'background:url(' + @{/<path-to-image>} + ');'"></div> 

Проверить this нить на thymeleaf форуме.

Answer 2

Я надеюсь, что это поможет кому-то.

Пожалуйста, убедитесь, что изображение SIZE меньше, чем размер экрана в пикселях. В противном случае ни «фон», ни «фоновое изображение» не работали для меня.

Синтаксис Leandro отлично работает. Вы можете использовать это одно, а («Фоновое изображение» вместо «фон»)

<div th:style="'background-image:url(' + @{/images/R1.jpg} + ');'"> 

Это один вытягивает изображение вместо того чтобы повторять его, если изображение не меньше (нет необходимости заявить «нет повтора»)