【问题标题】:HTML Email In Outlook Background ImageOutlook 背景图像中的 HTML 电子邮件
【发布时间】:2014-03-28 09:23:55
【问题描述】:

我正在制作带有背景图片的 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>

【问题讨论】:

  • https://github.com/dman777/icons/blob/master/full_size.png 更改为https://github.com/dman777/icons/blob/master/full_size.png,因为第一个链接不是图片。
  • 对不起,我刚刚解决了这个问题,但仍然没有成功。
  • 我唯一能想到的另一件事是在 url() 中的图像周围添加引号。
  • 您是否尝试过使用来自http 协议URL 的图像而不是https?可能是协议错误或不匹配(但这只是猜测)

标签: html email html-email


【解决方案1】:

您在表格之后缺少结束条件:

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

再次查看backgrounds.cm 以获得完整示例。

【讨论】:

  • 不知道你的意思......他们就在
    之后
  • 抱歉 - 以为您是在表格/元素上做背景,而不是整个文档。看看 backgrounds.cm 上的那个选项——如果你把它应用到身体包装表上,它可能会为你提供一个解决方案。
【解决方案2】:

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

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

【讨论】:

  • 确实如此,但backgrounds.cm 的防弹方法应该允许它。
  • Outlook 还支持 body 标签中的背景图片。
猜你喜欢
相关资源
最近更新 更多
热门标签