Question

我试图让我的电子邮件背景正常工作。当我使用时：

style="background: #3b72bb url('https://s1.postimg.org/sample/image.jpg') no-repeat; background-size: cover;"

它工作正常。

但是我正在使用：

style="background: #3b72bb url('img/image.jpg') no-repeat; background-size: cover;

我再也看不到我的背景图片了。

文件夹结构是：

index.html
img/
    image.jpg

我正在使用与index.html一起发送图片的平台。图像为：

<img src="img/leftphoto.jpg" alt="" width="274" height="550" border="0" style="color: #1f1f1f; border: none; display: block; font-size: 12px; line-height: 34px; text-align: left;">

工作完美。我尝试了各种选项：

style="background: #3b72bb url('/img/image.jpg') no-repeat; background-size: cover;
style="background: #3b72bb url('../img/image.jpg') no-repeat; background-size: cover;

一开始就是一个人。他们都没有工作。它需要作为图像发送，而不是URL。

Answer 1

您必须将内容（本案例中的图像）上传到远程服务器，该服务器可以使用绝对网址进行访问。 It's not possible使用本地图像文件，如@UncaughtTypeError所示。

最便宜，最快速的解决方案是将您的内容上传到图片托管服务，例如imgur。最好是托管您自己的服务器并将内容上传到那里，这样您就可以确保将来可以访问这些文件。

Answer 2

背景图片不适用于所有电子邮件客户端。它们在某些Gmail，Outlook，Windows Mail和其他一些实例中不起作用。在Outlook和Windows中，如果您使用vml，它们就可以工作。

https://backgrounds.cm

有关适用于背景图像的更多信息。

https://www.campaignmonitor.com/css/color-background/background-image/

此外，如上所述，您需要拥有可供任何电子邮件客户端访问的图像的绝对路径。

这有效：

<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain">

这不是：

<img src="/images/picture.jpg" alt="Mountain">

电子邮件背景图像用作URL但不用作目录

2 个答案: