如何将背景图像设置为 div 标签（Outlook 2007 和 2010 必须支持）答案

【问题标题】：How to set background image to an div tag (Must support in outlook 2007 and 2010)如何将背景图像设置为 div 标签（Outlook 2007 和 2010 必须支持）
【发布时间】：2015-10-07 12:06:04
【问题描述】：

请任何人帮助解决这个问题。我一直在尝试将背景图像设置为 div 标签（发送 html 邮件），这在 Outlook 2007 中不受支持。在阅读了一些文章后，我了解到 Outlook 2007 不支持背景图像。

还有什么好的方法可以解决吗？

我已经尝试了以下方法。但这些在 Outlook 2007 中不起作用

<div style="background-image:url(imagepath.png)">
<img src="imagepath.png" /> <div style="position: absolute; top: 415px;">

以上两种方法都不适合我。请给我一个建议。

【问题讨论】：

标签： html css outlook

【解决方案1】：

我不确定这是否可能。我用它来检查 CSS 与不同电子邮件客户端的兼容性：https://www.campaignmonitor.com/css/，如您所见，Outlook 不支持 background-image。

我有一个快速的谷歌，虽然这可能有用：https://stackoverflow.com/a/4627810/5392786

【讨论】：

【解决方案2】：

尝试将background-repeat: 属性添加到您的 CSS 规则中。

<div  style="background-image:url(imagepath.png);background-repeat: no-repeat no-repeat;">

来源： https://www.campaignmonitor.com/blog/email-marketing/2008/07/body-background-images-outlook/

【讨论】：

记得验证你的图片路径是否正确！ ; )

【解决方案3】：

Outlook 使用 Word 呈现邮件正文的 HTML 标记。您可以在 MSDN 中的以下文章中了解支持和不支持的 HTML 元素、属性和级联样式表属性：

他们声明如下：

调用了支持级联样式表属性子集的两个 HTML 元素：DIV 和 P。 DIV 和 P 支持 Word 2007 支持的级联样式表的子集。

【讨论】：