Outlook 中的背景图片 - 高度未知？

Question

我通过以下方式设置背景图片：

<table>
<tr>
<td background="my-bg.jpg" bgcolor="#ebeae8" valign="top">
    <!--[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="my-bg.jpg" color="#ebeae8" />
             <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
                <![endif]-->
                   <div>
                       CONTENT HERE
                    </div>
                <!--[if gte mso 9]>
            </v:textbox>
        </v:rect>
    <![endif]-->
</td>
</tr>
</table>
<table>
.....more content that gets overlayed in Outlook 2013

不幸的是，在 Outlook 2013 中，这会覆盖电子邮件下方的其他内容。通过一些测试，我认为这是由于没有在 v:rect 上设置高度。

1. 如何在 v-rect 上设置高度，使其成为其内容的高度。

或

1. 如何防止上述 td 后面有背景图片覆盖内容？

Answer 1

您可以在代码中设置v:rect 元素的高度：

<table>
<tr>
<td background="my-bg.jpg" bgcolor="#ebeae8" valign="top">
    <!--[if gte mso 9]>
    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width: 600px; height:100px;">
        <v:fill type="tile" src="my-bg.jpg" color="#ebeae8" />
             <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
                <![endif]-->
                   <div>
                       CONTENT HERE
                     </div>
                     <!--[if gte mso 9]>
                     </v:textbox>
                     </v:rect>
                     <![endif]-->
        </td>
     </tr>
     </table>
     <table>
     
     

但我认为问题可能来自图像大小，您可以为 Outlook 指定不同的图像。我遇到了这个问题，并注意到如果您使用与其余代码相同的图像 bg，平铺可以将内容下推。