在 Outlook 中显示时是否可以设置图像(HTML 电子邮件)的背景颜色?
Is it possible to set the background color of an image (HTML email) when displayed in Outlook?
我有一项服务可以通过电子邮件向客户发送有关特定事件的最新信息。该服务会在这些事件发生后构建电子邮件并将它们发送给客户。
这些模板在 Thunderbird、Gmail 和其他电子邮件客户端上呈现得非常好;但它们不适用于 outlook。这是相关标记的一部分:
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
)进行设置,但没有成功。
我已经尝试 including/excluding bgcolor
但它不起作用。
是否可以让它在 Outlook 中工作?
在这一点上,我很想只渲染多个 png
文件,每个状态和类型一个,然后完成它。
唯一的方法是使用透明背景 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/>";
我有一项服务可以通过电子邮件向客户发送有关特定事件的最新信息。该服务会在这些事件发生后构建电子邮件并将它们发送给客户。 这些模板在 Thunderbird、Gmail 和其他电子邮件客户端上呈现得非常好;但它们不适用于 outlook。这是相关标记的一部分:
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
)进行设置,但没有成功。
我已经尝试 including/excluding bgcolor
但它不起作用。
是否可以让它在 Outlook 中工作?
在这一点上,我很想只渲染多个 png
文件,每个状态和类型一个,然后完成它。
唯一的方法是使用透明背景 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/>";