html电子邮件:表格背景图片不显示

时间:2016-06-23 15:06:45

标签: html css email

我尝试使用表格的背景图片,如下所示:

<table style="background-image:url(cid:email_title_background)">

它在我的浏览器中显示正常。但是,当我检查Outlook和Gmail中的真实电子邮件时,无法看到图像。

我已经检查了https://www.campaignmonitor.com/css/,这可能解释了Outlook失败的原因,但是Gmail呢?

同样尝试https://www.campaignmonitor.com/blog/email-marketing/2010/06/adding-background-images-to-your-email-in-two-simple-steps/中的方法,结果相同......

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:0)

尝试使用table元素的background属性,而不是使用CSS属性。这是避免不同电子邮件客户端出现问题的最佳方法。

来源:http://blog.mailchimp.com/background-images-and-css-in-html-email/

示例(使用Litmus测试 - Gmail和Outlook)

<table background="http://www.gstatic.com/webp/gallery/1.jpg" width="550" height="368">
    <tr>
        <td>
            Content
        </td>
    </tr>
</table>