无法在电子邮件中显示背景图像

Question

我有一个 .tpl 模板，我向其提供数据并通过电子邮件发送给消费者，但在电子邮件中我没有收到背景图片，尽管我已经调试了请求并得到了 html 进入 sendEmail 函数，将其保存在 html 文件中，该文件显示背景图像但不在电子邮件中。我正在使用发送网格的 SMPT 发送邮件。这里是 css 我设置背景图片的地方：

body {
        background-image: url('https://gallery.mailchimp.com/7d4c51bf7e89c06d7cbf03ed5/images/37260602-46f7-4061-bfad-43d962150495.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
    }

它是否必须执行某些操作 sendgrid 的 SMTP 服务器？或者我做错了什么？

Answer 1

电子邮件客户端在设计样式和显示内容时有点棘手。必须使用更多 "ancient" 方法您可以尝试将以下内容作为内联 css 的备用方法：

background="URL" width="yourWidth" height="yourHeight" valign="top/bottom"

Answer 2

所以基本上你需要添加内联 css.

尝试将您的 css 更新为内联，如下所示

background="URL"

无法在电子邮件中显示背景图像

Unable to display background image in email

javascript

smtp

sendmail

node.js

sendgrid