正文上的 HTML 电子邮件背景在 Outlook 2013 中不起作用答案

【问题标题】：HTML email background on body not working in Outlook 2013正文上的 HTML 电子邮件背景在 Outlook 2013 中不起作用
【发布时间】：2014-07-17 22:52:03
【问题描述】：

我有以下 html，如果我在浏览器上打开它可以正常工作..但是当我将它作为邮件发送到我的 Outlook 2013 时，我看不到背景..

<!DOCTYPE html>
<html>
<head>
<title>Untitled Document</title>
</head>

<body style='background-image: url("http://postimg.org/image/t6abf7srn/");background-repeat:no-repeat'>

</body>
</html>

我已经尝试过此链接中给出的选项 1 和 2：http://blog.mailermailer.com/email-design/background-images-in-html-email-the-naked-truth

也尝试了以下链接中的解决方案：

1)http://blog.mailermailer.com/email-design/bulletproof-email-background-images-fact-or-fiction

2)http://backgrounds.cm/

但没有运气。

也只是添加了我的 VML 添加，这似乎也不起作用：

<!DOCTYPE html>
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>Untitled Document</title>
</head>

<body style='background-image: url("http://postimg.org/image/t6abf7srn/");background-repeat:no-repeat'>
<!--[if gte mso 9]>
<v:background fill="t">
   <v:fill type="tile" src="http://www.example.com/background_image.jpg" />
</v:background>
<![endif]-->

</body>
</html>

【问题讨论】：

只是 Outlook 2013 吗？您是否尝试过任何其他 mso 版本，例如 '07,'10？b 您可以发布您的 VML 尝试吗？
嗯，我只是在 2013 年尝试，因为它是唯一的要求，我们也没有其他版本可以测试。不过我会尝试使用 VML

标签： html outlook background-image html-email document-body

【解决方案1】：

Outlook 中的 HTML 由 Word 而非 IE 呈现。而且 Word 不支持 HTML 中的背景图片。

【讨论】：

确实如此。如果不是这样，您将不会在任何地方的 HTML 电子邮件中看到它们。 Word 还使用 VML（矢量标记语言），它可以完成一些 Word/Outlook 的 HTML 解释器无法完成的工作。
实际上 07 或 06 降级了，word 不再支持它...不确定 2013 年是否支持
使用 v:fill 可以创建背景图片，查看：backgrounds.cm

【解决方案2】：

您指向的是文档，而不是 CSS 中的图像文件。改为添加图片的网址，如下所示：


<body style='background-image: url("http://s21.postimg.org/ko0vavm93/image.jpg");background-repeat:no-repeat'>

然而，就像@Dmitry Streblechenko 所说的支持，我知道不久前前景恢复并停止支持他们。不确定 2013 年的支持情况。
我会将该图像切成表格片:)

【讨论】：

【解决方案3】：

您确定已将 vml xmlns 添加到您的 html 标签中吗？

<html xmlns:v="urn:schemas-microsoft-com:vml">

我提供的 sn-p CM 没有问题（放置在身体顶部）

编辑！！

事实证明，对于 Outlook 正文背景，您甚至不需要 VML。 <body style="margin:0px; padding:0px;" bgcolor="#0088cc" background="http://imagez.biz/bkg.png">

【讨论】：

嗯，我也试过了，但没用。我正在使用 PutsMail (putsmail.com) 对其进行测试，当我放置原始代码时，它至少在 PutsMail 预览中显示了图像，但是当我进入 VML 时，它也没有显示图像。我已经在我原来的帖子中添加了我的 VML 代码，以防你想看..