无法在电子邮件中显示背景图片答案

【问题标题】：Unable to display background image in email无法在电子邮件中显示背景图片
【发布时间】：2020-05-06 07:34:22
【问题描述】：

我有一个 .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 服务器 做些什么吗？还是我做错了什么？

【问题讨论】：

试试内联css？
据我所知，电子邮件仅适用于inline-css
Jep，大多数电子邮件程序都需要内联 css
@DILEEPTHOMAS in html background 一旦消费者收到电子邮件就正确显示，它没有背景。
ok @Cleancode 让我检查一下

标签： javascript node.js smtp sendmail sendgrid

【解决方案1】：

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

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

background="URL"

【讨论】：

【解决方案2】：

电子邮件客户端在样式和显示方面有点棘手。必须使用更多“古老”的方法您可以尝试与内联 css 一起作为后备，如下：

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

【讨论】：

如 cmets 中所述，内联 css 确实有效