Impostazione degli attributi di stile CSS con thimeleaf

Question

Come impostare la proprietà di sfondo di un tag di stile con un URL risolto thymeleaf.

devo

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

c'è un <img th:src="${@/<path-to-image>}"> equivalente per l'impostazione attributi di stile in thymeleaf.

Answer 1

Si potrebbe realizzare che se si utilizza th:style di impostare l'attributo di stile:

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

Controllare this thread sul forum thymeleaf.

Answer 2

Spero che possa aiutare qualcuno.

Assicurati che l'immagine SIZE sia più piccola della dimensione dello schermo in pixel. Altrimenti, né "background" né "background-image" non hanno funzionato per me.

La sintassi di Leandro funziona correttamente. Considerare l'utilizzo di questo pure ('background-image' invece di 'background')

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

Questo allunga l'immagine invece di ripetere che se l'immagine è più piccola (non c'è bisogno di affermare 'no-repeat')