我刚刚编写了一个电子邮件设计,在Litmus中对其进行了测试,并发现了以下错误:
Outlook.com:时事通讯没有背景图像,一些标题(h4)字体颜色完全不同。虽然相同的颜色对于链接是可以的。展望 2003-2011 工作正常。
热邮件:hotmail的情况类似,因为它也没有显示时事通讯的背景。
这是石蕊结果。
https://tahir.litmus.com/tests/9401666/versions/2/screenshots
这是背景图像的代码:
<body background="http://gallery.mailchimp.com/ab941597d81bf8a59e91efd1f/images/body_bg_.3.jpg" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style=" width:100%; margin: 0;padding: 0;width: 100% !important;-webkit-text-size-adjust: none; background-image: url('http://gallery.mailchimp.com/ab941597d81bf8a59e91efd1f/images/body_bg_.3.jpg'); background-repeat:repeat-y no-repeat; background-position: top center; background-color: #5c130a;">
<!--[if gte mso 9]>
<v:background fill="t">
<v:fill type="tile" src="http://gallery.mailchimp.com/ab941597d81bf8a59e91efd1f/images/body_bg_.3.jpg" />
</v:background>
<![endif]-->
谢谢。
请记住,客户端(和版本)不支持 CSS。
要获得概述,您应该查看 http://www.campaignmonitor.com/css/
这是我们的一个片段。
<td height="300px" style="margin:0;border-collapse:collapse!important;margin:0;padding:0;text-align:left;vertical-align:top;">
<!--[if (gte mso 9)]><img src="http://yourdomain.com/email_campaigns/_templates/template_061617/ImageHero_620x975_Nindi_1_OL.jpg" style="width:100%;height:auto;border:0; display: block;" /><![endif]-->
<div style="mso-hide: all;">
<img src="http://yourdomain.com/email_campaigns/_templates/template_061617/newsletter-blank.png" width="100%" style="width:100% !important;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin:0 0 0 0;border-width:0;height:auto;margin-bottom:0;" />
</div>