HTML 电子邮件背景图片未显示在 outlook 上

Question

我的电子邮件构建使用的是 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>

Answer 1

您已经从原始代码中删除了高度。我猜这是为了响应，但 VML 只会显示在 Outlook 桌面上，因此它不需要响应。 Outlook 需要高度来保持形状打开。

HTML 电子邮件背景图片未显示在 outlook 上

HTM Email background image not displaying on outlook

html

email

background-image

html-email