springboot结合thymeleaf插入背景图片
问题描述：做首页的时候想做一个背景图片。然后使用thymeleaf模板不知道怎么弄了，网上找了好多资料，发现不好使。原因分析：我们的html在templates下，我们的js,css在static目录下，这里就不同于静态资源那样把所有的东西都放在static下那样直接访问。static下的代码：<div class="detail" style="background-image: url(
·
问题描述：
做首页的时候想做一个背景图片。然后使用thymeleaf模板不知道怎么弄了，网上找了好多资料，发现不好使。
原因分析：
我们的html在templates下，我们的js,css在static目录下，这里就不同于静态资源那样把所有的东西都放在static下那样直接访问。
static下的代码：
<div class="detail" style="background-image: url(img/img1.jpg)"></div>
解决方案：
templates下的html代码：环境springboot2.3.5,thymeleaf3.0
<!-- thymeleaf约束 -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div class="detail" style="background-image: url(${img/changandaxue.jpg})"></div>
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
2
0- 0
已为社区贡献4条内容
所有评论(0)