如何在 Outlook 2007 中工作的 HTML 电子邮件中进行后台重复？答案

【问题标题】：How to do background-repeat in an HTML email that works in Outlook 2007?如何在 Outlook 2007 中工作的 HTML 电子邮件中进行后台重复？
【发布时间】：2011-09-23 15:21:01
【问题描述】：

我正在为客户构建一个 HTML 电子邮件，并希望有一个可以扩展以适应文本的内容区域。我希望容器的边框具有阴影效果——这意味着在每一侧垂直向下重复一个 1px 的图像。我一直非常小心地使用支持良好（通常是遗留）的标签和样式，以便它在尽可能多的电子邮件客户端中正确显示。但是，我无法在 Outlook 2007 中进行背景重复。我还尝试将其高度设置为 100%，但结果好坏参半。

我现在实际上在 td 中使用背景属性，因为背景样式对于流行的客户（gmail、thunderbird）根本不起作用。谁能想到我可以使用的解决方法？

如果没有，有没有办法检测电子邮件是否正在 Outlook 2007 中显示，以便我可以考虑删除整个电子邮件的阴影图像？

非常感谢

【问题讨论】：

标签： html css background-image outlook-2007

【解决方案1】：

这应该有效：

background-image: url('/bg.jpg');
background-repeat: repeat-y no-repeat;
background-position: top center;
background-color: white;

注意repeat-y 和no-repeat。两者都需要，否则 Outlook 2007 也会采用 repeat-x。

【讨论】：

我从未在 td 上使用过，但我知道代码适用于 body 标签。他们对表格和背景的处理可能有所不同。