थाइमेलीफ

Question

के साथ सीएसएस शैली विशेषताओं को सेट करना एक थाइमेलीफ हल यूआरएल के साथ स्टाइल टैग की पृष्ठभूमि संपत्ति को कैसे सेट करें।

मैं

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

वहाँ शैली thymeleaf में जिम्मेदार बताते हैं स्थापित करने के लिए एक <img th:src="${@/<path-to-image>}"> बराबर है है।

Answer 1

आप प्राप्त कर सकते है कि आप th:style का उपयोग करता है, तो अपनी शैली विशेषता निर्धारित करने में:

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

चेक thymeleaf मंच पर this धागा।

Answer 2

मुझे उम्मीद है कि यह किसी की मदद करेगा।

कृपया सुनिश्चित करें कि आपकी छवि SIZE स्क्रीन आकार से पिक्सेल में छोटी है। अन्यथा, न तो 'पृष्ठभूमि' और न ही 'पृष्ठभूमि-छवि' मेरे लिए काम नहीं किया।

लींड्रो का वाक्यविन्यास ठीक काम करता है।

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

यह एक के बजाय यह दोहरा यदि छवि छोटे (कोई राज्य 'कोई दोहराने' की जरूरत है) की छवि से बाहर फैला है ('पृष्ठभूमि' के बजाय 'पृष्ठभूमि छवि') के साथ-साथ यह एक उपयोग करने पर विचार