CY stili özniteliklerini thymeleaf ile ayarlama

Question

Bir stil etiketinin arka plan özelliğini nasıl thymeleaf çözümlenen bir url ile ayarlayın.

Ben

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

tarzı thymeleaf öznitelikleri ayarlamak için bir <img th:src="${@/<path-to-image>}"> eşdeğer mi var. Sen elde edebiliriz

Answer 1

yüzden mi stil özelliğini ayarlamak için th:style kullanıyorsanız:

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

kontrol thymeleaf forumunda this iplik.

Answer 2

Umarım birilerine yardım eder.

Lütfen resim boyutunun piksel olarak ekran boyutundan daha küçük olduğundan emin olun. Aksi takdirde, ne 'arka plan' ne de 'arka plan görüntüsü' benim için çalışmadı.

Leandro'nun sözdizimi düzgün çalışıyor.

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

Bu, bir yerine görüntü daha küçük (devlet no-tekrar 'gerek) ise, onu tekrar görüntüsü uzanır (yerine 'arkaplan' arasında background-image ") yanı sıra, bu birini kullanarak düşünün