我的 HTML 电子邮件背景不会显示在 Outlook 中
My background on my HTML Email won't show in Outlooks
我有一个 HTML 电子邮件,它使用 tables 来定位所有内容 - 当归因于 table 背景标签时,背景显示在浏览器中,但在 outlook 中不起作用- 有什么可以建议做的吗?我试过把它放在 CSS 等但无济于事,
非常感谢。
您不应该在 HTML 电子邮件中使用背景图像属性,尤其是 Outlook。
大多数电子邮件客户端不支持此属性 - 一些 Web 客户端支持,但最佳做法是坚持使用内联图像。
Outlook 需要大量 Microsoft 的 VML 代码才能在 Outlook 2007 - 2013 中呈现背景,因为他们使用 MS Word 来呈现 HTML。试试这个:
<table border="0" cellpadding="0" cellspacing="0" width="640" style="border-collapse:collapse; padding:0; margin:0px;">
<tr valign="top">
<td background="http://place-hoff.com/640/487" bgcolor="#000000" width="640" height="487" valign="top">
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;height:487px;">
<v:fill type="tile" src="http://place-hoff.com/640/487" color="#000000" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<div>
<table border="0" cellpadding="0" cellspacing="0" width="640" style="border-collapse:collapse; padding:0; margin:0px;">
</table>
</div>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
</td>
</tr>
</table>
我有一个 HTML 电子邮件,它使用 tables 来定位所有内容 - 当归因于 table 背景标签时,背景显示在浏览器中,但在 outlook 中不起作用- 有什么可以建议做的吗?我试过把它放在 CSS 等但无济于事,
非常感谢。
您不应该在 HTML 电子邮件中使用背景图像属性,尤其是 Outlook。
大多数电子邮件客户端不支持此属性 - 一些 Web 客户端支持,但最佳做法是坚持使用内联图像。
Outlook 需要大量 Microsoft 的 VML 代码才能在 Outlook 2007 - 2013 中呈现背景,因为他们使用 MS Word 来呈现 HTML。试试这个:
<table border="0" cellpadding="0" cellspacing="0" width="640" style="border-collapse:collapse; padding:0; margin:0px;">
<tr valign="top">
<td background="http://place-hoff.com/640/487" bgcolor="#000000" width="640" height="487" valign="top">
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;height:487px;">
<v:fill type="tile" src="http://place-hoff.com/640/487" color="#000000" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<div>
<table border="0" cellpadding="0" cellspacing="0" width="640" style="border-collapse:collapse; padding:0; margin:0px;">
</table>
</div>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
</td>
</tr>
</table>