Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/java/329.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Java 如何在SpringBoot模板的内联背景图像css标记中添加静态图像?_Java_Spring_Spring Boot_Thymeleaf - Fatal编程技术网

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"/>)"