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不支持＆＃34;位置＆＃34;或＆＃34; z-index＆＃34;。

我正在寻找正确的方向来创建这个HTML电子邮件，我不介意从头开始重做它。我只需要在所有基于Web和桌面的电子邮件客户端中使用此背景图像。

我已经对http://www.campaignmonitor.com/css/进行了扫描，我猜我最好的选择是将每张图片完全切片并将它们放在桌子上？

如果有人可以就如何在所有邮件客户端全球工作的背景图片给我一个非常基本的指导，我真的很感激。

谢谢。

Answer 1

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

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

Answer 2

请注意，Outlook的html解释器是MS Word ......

使用MS Word打开时，任何可行的HTML在Outlook中都可以正常显示。这意味着，任何1990年代风格的HTML，由表和东西绘制......

： - ）

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

2 个答案: