HTML电子邮件模板
问题描述：
我知道这是推动现实了一点，但我要问这个问题？HTML电子邮件模板
是否有可能有一个固定的背景图片不重复，并与表在图像前面？
我现在的问题是，如果当前图像前面的表变长（比图像高度更长），那么图像将自我向下重复，并且看起来非常丑陋且不专业。
事业部是出了问题，它不与电子邮件的工作都顺利。
图像基本上是从上到下的黑色到淡蓝色阴影图像。下面
是我使用的是我的Outlook电子邮件合并HTML模板。
<body style="background: transparent url(<MY IMAGE>;);">
<table align="center" border="0" cellpadding="0" cellspacing="0" width=700">
<tbody style="text-wrap:normal;word-wrap:break-word">
<tr>
<td>
<font face="Verdana"><img height="20" src="<MY IMAGE>" style="width: 700px; height: 20px;" width="1" /></font></td>
</tr>
<tr>
<td>
<font face="Verdana"><img height="80" src="<MY IMAGE>" style="width: 750px; height: 80px;" width="750" /></font></td>
</tr>
<tr>
<td align="left" bgcolor="#FFFFFF" style="padding: 10px;">
<p>
<span style="font-size: 14pt;"><strong><span style="color: rgb(0, 0, 128);"><font face="Verdana">Place Heading here.</font></span></strong></span><br />
<br />
<span style="font-size: 10pt;"><span style="font-family: arial,helvetica,sans-serif;">Place text here.
Place text here.Place text here.
<br />
<br />
</span></span></p>
</td>
</tr>
<tr>
<td>
<font face="Verdana"><img height="90" src="<MY IMAGE>" style="width: 750px; height: 90px;" width="750" /></font></td>
</tr>
<tr>
<td align="left" bgcolor="#83B5D4" style="font-size: 9px; color: rgb(255, 255, 255);">
<font face="Verdana"><img height="10" src="<MY IMAGE>" style="width: 10px; height: 10px;" width="10" /></font></td>
</tr>
<tr>
<td align="center" bgcolor="#162C76" style="padding: 10px;" valign="middle">
<font color="#FFFFFF" face="Verdana" style="font-size: 10px; line-height: 1.5em;">Tel: +27 11 454 1074 | Fax: +27 11 454 1073 | <a href="mailto:[email protected]" style="color: rgb(255, 255, 255); text-decoration: none;">[email protected]</a> | <a href="http://cts.vresp.com/c/?PSIberSolutions/45620e101d/TEST/b2198ee889" style="color: rgb(255, 255, 255); text-decoration: none;" target="_blank">www.psiberworks.com</a><br />
15 Seventh Avenue, Edenvale, 1610</font></td>
</tr>
</tbody>
</table>
</body>
答
我解决这个问题的方法是在底部的图像上添加一个彩色填充负载。单元格将隐藏所有这些内容，直到它被推下来，并且您不必担心CSS样式在各种电子邮件浏览器中不起作用。
背景图片都在大量的邮件浏览器中的痛苦。但是，如果你真的需要，你可以'入侵'到Outlook 2007中 - http://emailmarketingvoodoo.com/blog/post/outlook-2007-can-now-render-background-images/
请记住[background-image属性在电子邮件中的兼容性有限] [1]，所以你应该总是使用'background在使用背景图像时可以选择“色彩”选项。 [1]：http://www.campaignmonitor.com/css/ – Wex
添加“不重复”顶部的风格属性＆背景色：[“浅蓝色”]？ – ptriek
@priek这些CSS样式在> = Outlook 2007，Hotmail或Gmail中不起作用。检查Wex的链接 - 它在构建HTML电子邮件中非常有用 –