在 Outlook 中显示时是否可以设置图像（HTML 电子邮件）的背景颜色？

Question

我有一项服务，可以通过电子邮件向客户发送有关某些事件的最新信息。该服务会在这些事件发生后构建电子邮件并将其发送给客户端。 模板在 Thunderbird、Gmail 和其他电子邮件客户端上呈现得非常好；但他们不适用于前景。以下是相关标记的一部分：

public static final String ROW = "<tr>"
            + "<td align=\"center\" width=\"30%\">"
            + "<img bgcolor=WARNING_COLOR style=\"background-color:WARNING_COLOR; border-radius: 20em;\" alt=\"Warning_Icon\" src=\"WARNING_ICON\" height=\"40\"  width=\"40\"></td>"
            + "<td rowspan=\"2\" >TYPE</td>"
            + "<td rowspan=\"2\" width=\"30%\">ERROR_MESSAGE</td>"
            + "<td rowspan=\"2\">NAME</td>"
            + "<td rowspan=\"2\">DESCRIPTION</td>"
            + "</tr><tr><td align=\"center\" width=\"30%\">ID</td><tr/>";

在发送内容之前替换所有大写的单词。 bgcolor 和 background-color 元素会出现问题。我将它们设置为橙色或红色。在 Outlook 中，颜色不起作用，图像起作用，但它们是白色背景上的白色。我尝试使用名称（orange 和 red）和六位十六进制代码（#FFA500 和 #FF0000）进行设置，但没有成功。 我试过包括/排除bgcolor，但它不起作用。

是否有可能让它在 Outlook 中工作？ 在这一点上，我很想只渲染多个png 文件，每个状态和类型一个文件并完成它。

Answer 1

唯一的方法是使用透明背景 PNG 或 GIF 图像并在 TD 上设置背景颜色（最好使用 'bgcolor' HTML 属性，因为并非所有都可以识别 CSS）。

所以基本上它会变成：

public static final String ROW = "<tr>"
            + "<td bgcolor=WARNING_COLOR align=\"center\" width=\"30%\" style=\"background-color:WARNING_COLOR; border-radius: 20em;\">"
            + "<img alt=\"Warning_Icon\" src=\"WARNING_ICON\" height=\"40\"  width=\"40\"></td>"
            + "<td rowspan=\"2\" >TYPE</td>"
            + "<td rowspan=\"2\" width=\"30%\">ERROR_MESSAGE</td>"
            + "<td rowspan=\"2\">NAME</td>"
            + "<td rowspan=\"2\">DESCRIPTION</td>"
            + "</tr><tr><td align=\"center\" width=\"30%\">ID</td><tr/>";