HTML电子邮件背景图像未显示在Outlook上

问题描述 投票:0回答:1

我的电子邮件构建使用了campaign monitor友好创建的着名的防弹背景图像。这可确保这些图像在各种版本的Outlook上呈现。

虽然我使用的是正确的HTML和VML代码,但一旦测试我的电子邮件,它仍然无法在Outlook上呈现背景图像。

我目前正以此为由,代码看起来很完美。如果有什么东西不正确请告诉我。

<td background="https://image.ibb.co/dp5R4p/herobg.png" bgcolor="#7bceeb" width="640" valign="top">
  <!--[if gte mso 9]>
  		<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;">
    	<v:fill type="tile" src="https://image.ibb.co/dp5R4p/herobg.png" color="#7bceeb" />
    	<v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
  	<![endif]-->
  <div>
    <table width="640" border="0" cellspacing="0" cellpadding="0" class="MainTable" style="width:640px; margin:0 auto;" align="center">
      <tbody>
        <tr>
          <td style="padding:0px 0px 0px 0px;" class="padding-top-10" align="center">
            <a href=""><img src="https://image.ibb.co/dvzyue/herocta.png" alt="hero offer" width="600" class="width-100" style="width:600px;" border="0"></a>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <!--[if gte mso 9]>
    </v:textbox>
  	</v:rect>
  	<![endif]-->
</td>
html email background-image html-email
1个回答
2
投票

您已从原始代码中删除了高度。我猜这是为了响应,但VML只会出现在Outlook桌面上,所以它不需要响应。 Outlook需要高度来保持形状打开。

© www.soinside.com 2019 - 2024. All rights reserved.