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> 

現在它應該工作。我的一位朋友今天也有同樣的問題。