HTML 电子邮件 - 使用背景图片

Question

我使用表格创建了我的 HTML 电子邮件，该表格有一个背景图像，在大多数基于 Web 的电子邮件客户端中都能正常显示。

我正在努力让背景图片显示在 Outlook 中。

我最近的尝试，我尝试了以下操作:

<img style='position: absolute; z-index: 1; height:1157px; width:712px;top:0;left:0;border:0;z-index:1;' src="http://www.site.com/background.jpg" />

<table cellpadding="0" cellspacing="0" border="0" style="padding:0;line-height: 100% !important;font-family: Verdana,Times New Roman,Times,serif; font-size: 12px; position: relative; z-index: 2;" width="712" height="1153">
...
</table>

这张图片在 outlook 中显示，尽管表格在图片下方。

我猜这是因为 Microsoft Word 不支持“位置”或“z-index”。

我正在寻找创建此 HTML 电子邮件的正确方向，我不介意从头开始重做。我只需要让这个背景图片在所有基于网络和桌面的电子邮件客户端中工作。

我已经扫描了 http://www.campaignmonitor.com/css/ ，我猜我最好的选择是完全切分每张图片并将它们放在表格中？

如果有人能给我一个非常基本的指导，让我知道如何制作在全局所有邮件客户端上工作的背景图片，我将不胜感激。

谢谢。

Answer 1

如果您只需要表格的背景图片，请使用 style="background: url(...)"在<table>标签。

默认情况下，电子邮件程序可能仍会拒绝下载并显示背景图片，但这似乎是最好的选择。