Question

我正在制作带有背景图片的HTML电子邮件。现在，我无法在outlook中显示背景图片。我尝试了http://backgrounds.cm/的“防弹背景图片”，但还没有成功。

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Hello</title>
    </head>
    <body style="background: url(https://raw2.github.com/dman777/icons/master/full_size.png);">
    <table class="body" style="background: url(https://raw2.github.com/dman777/icons/master/full_size.png)">
        <div style="background-color:#7bceeb;">
        <!--[if gte mso 9]>
        <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
        <v:fill type="tile" src="https://raw2.github.com/dman777/icons/master/full_size.png" color="#7bceeb"/>
        </v:background>
        <![endif]-->
        <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
            <td valign="top" align="left" background="https://raw2.github.com/dman777/icons/master/full_size.png">
            </td>
            </tr>
        </table>
        </div>

    </table>
    </body>
</html>

Answer 1

您的桌子后面缺少关闭条件：

  <!--[if gte mso 9]>
    </v:textbox>
  </v:rect>
  <![endif]-->

再次检查backgrounds.cm以获取完整示例。

Answer 2

Outlook / Outlook.com不支持背景图片。

来源：http://www.campaignmonitor.com/css/

Outlook背景图片中的HTML电子邮件

2 个答案: