Java 如何在SpringBoot模板的内联背景图像css标记中添加静态图像?
我正在使用Java 如何在SpringBoot模板的内联背景图像css标记中添加静态图像?,java,spring,spring-boot,thymeleaf,Java,Spring,Spring Boot,Thymeleaf,我正在使用JavaSpring和ThymeLeaf模板引擎开发一个用于学习的web应用程序 在我的Thymeleaf页面中,我想使用内联CSS添加一个图像作为背景图像。我的图像在静态文件夹中, 我尝试过使用互联网上的各种方法,但都不管用。 我已经搜索过了,不幸的是没有找到这个问题的解决方案 我尝试了th:style标签,并在谷歌中搜索该标签的工作原理,但不幸的是无法正确理解该标签 我已经添加了代码和错误的屏幕截图 blockquote class=“imgur embed pub”lang=“
JavaSpring
和ThymeLeaf
模板引擎开发一个用于学习的web应用程序
在我的Thymeleaf
页面中,我想使用内联CSS
添加一个图像作为背景图像。我的图像在静态文件夹中,
我尝试过使用互联网上的各种方法,但都不管用。
我已经搜索过了,不幸的是没有找到这个问题的解决方案
我尝试了th:style标签
,并在谷歌中搜索该标签的工作原理,但不幸的是无法正确理解该标签
我已经添加了代码和错误的屏幕截图
blockquote class=“imgur embed pub”lang=“en”data id=“a/TOr6Nyn”>
th:style=“'background-image:url(”+
@{~/frontend/images/blog/default/thum1.jpg}+')”
我也尝试过静态图像,但它不起作用。
但如果你想在页面上显示图像,请使用该图像的base64
在您的百里香叶页面上使用以下代码:
<img th:src="@{data:image/png;base64,YOUR BASE 64}
您应该将样式
属性添加到您的div中,如下所示:
style="background-image: url(<c:url value="/resources/images/bg_1.jpg"/>)"
style=“背景图像:url()”
除了IDE上显示的红色标记外,您能描述一下您面临的错误是什么吗。你的代码应该可以工作,我将它粘贴到我的IDE中,但没有显示任何错误突出显示,它也可以工作。你的用法似乎还可以。你查过了吗。这和你问的完全一样。
style="background-image: url(<c:url value="/resources/images/bg_1.jpg"/>)"