Wie setze ich eine Hintergrund-URL für CSS-Dateien in Thymeleaf?
Ich habe eine Thymeleaf-Vorlage, in die keine CSS-Dateien importiert wurden, und wollte das Stilattribut für das body-Element mit @ deklarierebackground-image: url{/image.jpg}
Eigenschaft mit relativer Bild-URL. Ich wollte die URL laden, ohne den Anwendungskontextnamen /myapp/
) es. Es ist ähnlich wie das Problem überHie, außer es funktioniert nicht bei mir.
CSS:
<style>
body {
background: url(../img/Background.jpg)
no-repeat center center fixed;
background-size: cover;
}
</style>
Aber das obige CSS funktioniert nicht und es hat auf das Bild unter @ zugegriff
http://localhost/img/Background.jpg.
Also, ich musste den Wert als @ geburl(/myapp/img/Background.jpg)
, damit das Bild richtig geladen wird.
Ich habemvc:resources
Konfiguration richtig eingestellt inspring-context.xml
zum/img/
Aufforderung zum ordnungsgemäßen Laden und es funktioniert an anderen Orten.
spring-context.xml
<mvc:resources mapping="img/**" location="/WEB-INF/img/" />
So, wie man den Hintergrund-URL-Bild-CSS-Wert dynamisch mit der relativen URL von Thymeleaf lädt?