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

Question

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

这是在表格单元格内。

边框显示出来（很显然我预计border-radius在许多情况下会失败）。

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

我还没有找到任何关于这方面的内容，还有很多关于Outlook的东西错误的文章。

在2007年的版本，2010见此情景，和2013年很奇怪的是，它显示为预计在2011年和2016年

Answer 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> 

让我知道，如果这有效！

Answer 2

试试这个：

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

现在它应该工作。我的一位朋友今天也有同样的问题。