电子邮件模板中的背景图像被阻止

时间:2016-02-22 15:11:50

标签: html css email

当我将backgorund添加到电子邮件模板表时,所有电子邮件客户端都阻止此图像。如何添加图片?有SSL的域可能吗?

2 个答案:

答案 0 :(得分:0)

某些电子邮件客户端不支持背景图片。幸运的是,大多数人都有解决方法。听起来你想要一个图像作为特定表格单元格的背景。如果是这样,请使用此代码,替换&#34; image.jpg&#34;为你的实际形象。 注意:您需要在下面的代码中输入两次的图片(一次在<td>,一次在<v:rect>

<table>
    <tr>
        <td background="image.jpg">
        <!--[if gte mso 9]>
        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;">
        <v:fill type="tile" src="image.jpg" color="#0c0807" />
        <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
        <![endif]-->
            <div>
            *YOUR CONTENT OR MORE TABLES GO HERE*
            </div>
        <!--[if gte mso 9]>
        </v:textbox>
        </v:rect>
        <![endif]-->
    </td>
</tr>

此代码使您的表格单元格成为图像。设置高度或宽度以适合图像。下面的附加条件语句强制图像显示在Outlook中,这是支持背景图像的最不可靠的电子邮件客户端之一。

答案 1 :(得分:0)

设计在所有电子邮件客户端中看起来不错的电子邮件非常耗时且困难。 GMail特别困难。这是一个list of css elements and their compatibility。它是一个很好的参考,我每次设计一个新的电子邮件模板时都会参考它。最佳做法是仅使用所有客户端或电子邮件服务支持的标记。

Outlook 2007,Outlook 2010,Outlook 2013和Outlook.com不支持

background-image。但是,完全支持background(不包括图片)。