使用动态url在thymleaf中设置背景图像
我想在胸腺叶中显示一个背景图像，其中url来自后端Spring启动
<div class="card-img-top" th:style="background-image:url(/assets/img/banner-anout.jpg)" > </div>
这是我想用变量填充它的元素，比如
<div class="card-img-top" th:style="background-image:url(${product.image})" > </div>
我尝试了以下几种方法
<div class="card-img-top" th:style="background: url{[[@{${product.image}]]}" > </div>
但它不起作用。有人能帮忙吗？
共有1个答案
您可以通过将文字部分与Thymeleaf表达式连接起来来构建所需的字符串：
<div class="card-img-top"
th:style="'background-image:url(' + ${product.image}+ ')'" >
</div>
-
我正在基于一个名为的数组创建元素，我想从这个数组中为每个动态添加背景图像。问题是当前的标记没有将url放在括号中，所以如果我的url有括号，图像就不会被设置。 如何更改标记，将中的url放在括号中，使其作为文本字符串读取我的变量？
-
问题内容： 我学习Java已有几周了，在将背景图像应用于JFrame时，我真的很困惑。我遇到的每个教程都不像我那样创建Frames（我扩展了JFrame），或者如果这样做，说明还不够清楚，我无法理解。 下面的代码来自我自己的项目，因此可以帮助我练习到目前为止所学的内容。请您能否以下面的代码为基础，并向我说明要添加的内容和位置，所以我可能以图像作为框架的背景？ 我真正要感谢的一件事是，如果您能解释事
-
问题内容： 当我使用Angular 动态更改div的backgroundImage时 ，我发现有两种设置backgrond-image的方法： 第一： 第二： 但是，当我更改时，只有第一种方法可以动态更改backgroundImage。 在Plunker中有一个例子 ngStyle有什么问题？ 问题答案： 不应包含插值指令，您可以在那里直接访问范围变量。也应该是 标记 Demo Plunkr
-
问题内容： 有什么方法可以将图像设置为背景JFrame？ 问题答案： 没有内置方法，但是有几种方法可以实现。目前我能想到的最直接的方法是： 创建的子类。 重写绘制想要显示的图像的方法。 设置内容窗格的是这个子类。 一些示例代码： 请注意，如果你要使用此代码，则不会处理调整图像大小以适合的大小。
-
我有一些PNG图像，由黑色形状和透明背景组成。不幸的是，IrfanView将透明背景显示为黑色，所以我只能在黑色上看到黑色。我在Irfan设置中发现，我可以更改窗口的背景色，但它只会更改图像周围的颜色，透明的颜色仍然是黑色。 有没有办法改变显示为透明的颜色，或者最好使用Photoshop之类的白灰色方块？
-
我正试图为主页设置一个背景图像。我是从屏幕开始获得图像位置，填充宽度，但不是高度。我的代码中是否遗漏了什么？颤振有图像标准吗？图像缩放是否基于每个手机的屏幕分辨率？