【问题标题】: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 年按预期显示。

【问题讨论】:

  • 你能上传一张结果的图片吗?

标签: html css outlook html-email


【解决方案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>

让我知道这是否有效!

【讨论】:

  • 搞笑的是 Outlook 10 或 13 不支持此功能。难以置信。
【解决方案2】:

试试这个:

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

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

【讨论】:

  • 这并没有改变任何行为。
猜你喜欢
  • 2013-08-19
  • 2012-03-18
  • 2023-03-17
  • 1970-01-01
  • 2012-11-04
  • 2021-11-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多