代码之家 › 专栏 › 技术社区 › neptune

胸腺电子邮件模板背景图像未显示

thymeleaf spring java

neptune · 技术社区 · 6 年前

我有一个基于thymeleaf的电子邮件模板:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <title th:text="#{email.reset.title}">reset title</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
</head>

<body th:style="'background: url(' + |cid:background| + ') no-repeat'">
    <div style="margin:110px 0 0 50px;">
        <div style="min-width:10px;min-height:300px"></div>
        <img style="display:block;margin-top:110px" th:src="|cid:logo|" />
        <img style="display:block;margin-top:110px" th:src="|cid:background|" />
    </div>
</body>

我定义了两个变量:

message.addInline( "logo", new ClassPathResource( "mails/images/logo.png" ), "image/png" );
message.addInline( "background", new ClassPathResource( "mails/images/background.png" ), "image/png" );

来自 img 标签在发送的电子邮件中正确显示,但与背景相同的图像 body 没有出现。不知道为什么。

2 回复 | 直到 6 年前

Neptunus 6 年前

几个月前,我也做了类似的事情,然后我就这样使用了<body>:

<body th:style="'background: url(' + |cid:${background}| + ') no-repeat;'">

没有美元符号$和大括号,我无法正确使用变量。

我希望这有帮助。

ASHVINI KUMAR 6 年前

<body th style="margin: 0; padding: 0; background-image: url(images/background.png)"
      data-th-style="|background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #ccc; background-image: url(cid:background)|"
>

还在努力。如果有用的话试试这个。

推荐文章

crystopher cr · 无法使用js获取输入值

2 年前

Mohammed Haydar · 如何在另一个html页面中访问spring模型的数据?

2 年前

Matvey Androsyuk · th:选中引发异常

2 年前

PewPhon · Thymeleaf如何使用选择输入将对象发送到控制器

3 年前

Natalia · 从thymeleaf中获取变量的访问权限,并根据变量的值更改表中每一行的颜色

3 年前

FeliksB · 如何将页面与控制器连接

3 年前

sagar limbu · 无法访问区域设置消息

6 年前

Halil · Spring MVC-有条件返回html内容或模板内容

6 年前

Maciaz · 2个概要文件,2个方法实现,1个通过Thymeleaf调用html文件。怎样

6 年前

pioto · Thymeleaf文本模板中的文字[]

6 年前