根据 emailbg.net 的说明,您的代码应如下所示:
编辑:添加了整个电子邮件作为发送给我自己的测试,这在 Outlook 中按预期工作:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title></title>
</head>
<body style="margin: 0px; padding: 0px; background-color: #FFFFFF;" bgcolor="#FFFFFF"><table bgcolor="#cccccc" width="100%" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td><table width="640" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"><tr><td valign="top" style="padding-top:30px; padding-bottom:30px;">
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td background="http://lorempixel.com/400/296/" bgcolor="#f6f6f6" height="296" width="400" colspan="2" valign="top" class="bodyContent" style="border-collapse: collapse;">
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:400px;height:296px;">
<v:fill type="tile" src="http://lorempixel.com/400/296/" color="#f6f6f6" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<div>
<div id= "main_content" > content </div>
</div>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
</td>
</tr></table>
</td></tr></table></td></tr></table></body></html>
只需将图像换成您的相对图像,然后将宽度更改为您需要的宽度。