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型的高度，以便它是其内容的高度。

或

2. 如何在其后使用背景图像覆盖上述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相同的图像BG，则铺平的内容可以向下推下内容。