Question

我正在尝试在HTML电子邮件中设置背景图片，需要在webmail和gmail等程序中查看。

我已经阅读了其他教程，一般规则是不建议使用，我在body标签中使用了背景，并且作为故障转移在table标签中使用了相同的背景图像，因为有些程序剥离了主体和头部标签来自电子邮件。

有没有办法在网络程序和三星等手机上成功传播背景？

HTML

<body topmargin="10" leftmargin="0" bottomargin="20" background="images/background.jpg">

<!--first table contains failover background-->

<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td background="images/background.jpg">
<center>
<table style="border: #FFF 4px solid;" width="600px" cellpadding="0"  cellspacing="0">
<tr name="link-1">
<td align="center" valign="top">
<font style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;font-size:12px; color:#FFF;">CLICK HERE TO VIEW IN BROWSER</font>
</td>
</tr>

<!--THE REST OF THE MAIL THAT WORKS-->

</BODY>
</HTML>

Answer 1

如果在Outlook中使用background-image时遇到问题，则应使用VML

<v:image xmlns:v="urn:schemas-microsoft-com:vml" 
style='width:500px;height:500px;position:absolute;top:0;left:0;z-index:-1;' 
src="yourImageUrl" />

Answer 2

让它适用于多种设备的最佳方法是使用以下网站：https://backgrounds.cm，这将有助于Outlook。

现在这一天不是问题，但我建议您确保您的图片是完整的网址，并且公开可用，而不是基于您的本地计算机。

努力为所有邮件程序的HTML电子邮件设置背景图像

2 个答案: