电子邮件背景图像作为URL工作，但不作为目录

问题描述：

我试图让我的电子邮件背景工作。当我使用：电子邮件背景图像作为URL工作，但不作为目录

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。

你需要坚持绝对的文件路径，电子邮件客户端从服务器远程下载图像，所以它需要知道在哪里看。 – UncaughtTypeError

你能写样本路径吗？ –

http：//yourserver.whatever/images/yourimage.jpg。本地路径适用于您，因为您的计算机上有图像。懂吗？ – scoopzilla

答

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

最便宜且速度最快的解决方案是将您的内容上传到图像托管服务，如imgur。最好的办法是托管你自己的服务器并将内容上传到那里，这样你可以保证文件在将来可以访问。

总是在html电子邮件中使用绝对URL：D这个答案是正确的。 – scoopzilla

答

背景图像不适用于所有电子邮件客户端。它们在某些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">

对不起队友，但他们完美地在Gmail上工作。 –

@MarcinMaicki你说得对，它只是Google Android IMAP。 - https://www.campaignmonitor.com/css/color-background/background-image/ – gwally

电子邮件背景图像作为URL工作，但不作为目录

相关推荐