HTML 电子邮件 Outlook div 填充没有背景颜色答案

【问题标题】：HTML Email Outlook div padding has no background colorHTML 电子邮件 Outlook div 填充没有背景颜色
【发布时间】：2016-03-08 17:11:07
【问题描述】：

<div bgcolor="#DEF2FB" style="background:#DEF2FB;border:2px solid #58bce9;border-radius:5px;padding:4px 7%;">Some text</div>

这是在表格单元格内。

边框出现（显然我预计边框半径在许多情况下都会失败）。

文本本身有其背后的背景颜色。但是，边框和文本（填充）之间的空间没有背景颜色，或者可能是白色（该元素后面的颜色是白色）。

我还没有找到任何关于这方面的具体内容，并且有很多关于 Outlook 问题的文章。

在 2007、2010 和 2013 版本中看到了这一点。奇怪的是，它在 2011 和 2016 年按预期显示。

【问题讨论】：

【解决方案1】：

根据this Campaign Monitor page，在 Outlook 07,10 和 13 中不支持对 div 标签进行填充。它在 Outlook 11 和 16 中工作的原因是这些客户端使用 Webkit 作为其呈现引擎，因此一般来说，CSS 支持是在这些客户中表现更好。

为了解决这个问题，您需要将填充和背景颜色放在表格单元格上，这将是更跨客户端兼容的解决方案，例如

<td bgcolor="#DEF2FB" style="background:#DEF2FB;border:2px solid #58bce9;border-radius:5px;padding:4px 7%;"><div>Some text</div></td>

让我知道这是否有效！

【讨论】：

【解决方案2】：

试试这个：

<div bgcolor="#DEF2FB" style="background-color:#DEF2FB;border:2px solid #58bce9;border-radius:5px;padding:4px 7%;">Some text</div>

现在它应该可以工作了。我的一个朋友今天也遇到了同样的问题。

【讨论】：