表达语言&风格=“背景图像:网址

时间:2018-01-23 06:04:30

标签: html url styles background-image el

我正在使用Thymeleaf(Spring Boot项目)。屏幕中心的init图像下方的代码(来自此.html https://colorlib.com/etc/coloshop/single.html

<div class="col-lg-9 image_col order-lg-2 order-1">
    <div class="single_product_image">
        <div class="single_product_image_background" style="background-image:url(images/single_2.jpg)">
        </div>
    </div>
</div>

我需要用$ {product.mainImage}替换行“images / single_2.jpg”,但我无法正确地进行操作。 $ {product.mainImage}包含数据库中的url地址。 EL表达式通常适用于本文档,但不适用于上述代码。

不起作用:

style="background-image:url("${product.mainImage)")

如果我使用:

style="background-image:url(${product.mainImage})

我有“org.xml.sax.SAXParseException:元素类型”body“必须以匹配的结束标记”“错误终止。

如何在此示例中正确使用EL?提前感谢您的帮助。

1 个答案:

答案 0 :(得分:-1)

我认为只需将$更改为#:

style="background-image:url('#{product.mainImage}')";