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

标签 html css email

当我向电子邮件模板表添加背景时,所有电子邮件客户端都阻止了此图像。如何添加图像?也许是带 SSL 的域?

最佳答案

某些电子邮件客户端不支持背景图片。幸运的是,大多数情况下都有解决方法。听起来您想要一个图像作为特定表格单元格的背景。如果是这样,请使用此代码,将“image.jpg”替换为您的实际图像。 注意:您需要在下面的代码中输入您的图像两次(一次在<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 中显示,Outlook 是支持背景图像的最不可靠的电子邮件客户端之一。

关于html - 电子邮件模板中的背景图像被阻止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35557146/

相关文章:

jquery - 如何从 Jquery 读取 python 字典?

html - 仅限 CSS Downscale IMG,在 firefox 上

jquery - 在另一个元素悬停动画后更改背景图像

javascript - 如何在 Nuxt.js 的服务器端使用 css 中的 v-bind

email - 使用亚马逊SES发送带有附件的电子邮件

javascript - 彩盒来帮忙!嵌入 YouTube 视频

html - CSS 表 : fixed header and same column width for <td> and <th>

javascript - Airbnb 搜索页面上的 jquery resultview 如何工作?

html - 创建电子邮件模板时出现问题

html - Img 不会居中对齐 - 电子邮件