Фоновое изображение шаблона электронной почты тимиала не появляется - PullRequest
0 голосов
/ 03 декабря 2018

У меня есть шаблон электронной почты на основе тимелина:

<!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 ]

0 голосов
/ 03 декабря 2018

У меня была похожая проблема, я использую как

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

Работает на мобильном телефоне, но не на рабочем столе.Я не уверен, что это из-за качества.Все еще работаю над этим.Попробуйте это, если его работа.

0 голосов
/ 03 декабря 2018

Несколько месяцев назад я делал нечто подобное и использовал так:

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

Я не смог правильно использовать переменную без знака доллара $ и фигурных скобок.

Надеюсь, это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...