Question

我正在创建一封电子邮件，必须在Outlook上看起来不错。在电子邮件中，我有一段文本（高度总计324px），并且需要在该段底部放置背景图片（高度：153px）。

我现在有以下代码：

<td align="center" valign="top" background="background.png" style="background-repeat: no-repeat;background-position:bottom;background-size: contain;" height="324" bgcolor="#ffffff">
      <!--[if gte mso 9]>
      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width: 620px;height: 153px;">
        <v:fill type="frame" src="background.png" color="#ffffff"  />
      <![endif]-->
      Body Text here
    <!--[if gte mso 9]>
      </v:rect>
      <![endif]-->
    </td>

当前问题是：

背景图像未按比例缩放。它一直延伸到段落的整个高度。
我不确定如何将其放在段落的底部。

任何擅长VML的人都可以帮助我吗？非常感谢！

Answer 1

您可能需要在此框框之外思考；）

选项（A），根据Syfer's comment

创建具有所需高度的背景图像

选项（B），将大部分内容放在VML上方，而在VML部分中仅插入几行。这样，VML部分就不会拉伸，但是您仍然会得到效果，即：

<td align="center" valign="top" background="background.png" style="background-repeat: no-repeat;background-position:bottom;background-size: contain;" height="324" bgcolor="#ffffff">
<p>Body text here</p>
      <!--[if gte mso 9]>
      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width: 620px;height: 153px;">
        <v:fill type="frame" src="background.png" color="#ffffff"  />
      <![endif]-->
      Part of body Text here
    <!--[if gte mso 9]>
      </v:rect>
      <![endif]-->
    </td>

VML背景图片位于Outlook底部

1 个答案: