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

时间:2016-03-08 17:11:08

标签: html css outlook html-email

<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年展示了预期。

enter image description here

2 个答案:

答案 0 :(得分:5)

根据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>

让我知道这是否有效!

答案 1 :(得分:-1)

试试这个:

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

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