时间戳

首页 > 解决方案 > 使用电子邮件 HTML 防弹背景图片，但得到一个奇怪的空框

html - 使用电子邮件 HTML 防弹背景图片，但得到一个奇怪的空框

问题描述

这是我的代码

<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-image:image path;background-color:green;background-repeat:no-repeat;background-size:cover;background-position: center;" bgcolor="green" background="image path" valign="top">
                                       <!--[if gte mso 9]>
                <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000">
                <v:fill type="frame" src="image path" color="#7C64C3" />
                <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
                <div><div style="font-size: 0;line-height: 0;margin: 0;border: 0"><![endif]-->

然后是我的内容，然后以

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

我把这个放在角落里-

得到这个奇怪的盒子

标签： htmlemailoutlookbackground-image

解决方案

我在多个位置都有一个背景图像，并且我没有在最后一个位置复制结束 ifs。

推荐阅读