如何在单元格中创建图像填充HTML电子邮件的整个高度？

Question

我的HTML电子邮件存在问题，如果内容增加了，那么构成左侧和右侧的图像太短，因此会留下空隙。我不想让图像更长，因为这可能会留下很多空白，具体取决于内容。 我有想法使用相同的图像两次，一组设置为valign=top，另一组设置为valign=bottom。我很快发现它只是将它们叠加在一起。 是否有可能使它们有效地相互滑动，以便外观随着内容的增加而增加图像？

具体表格单元格代码如下：

<td width=162 valign=top style='padding:0cm 0cm 0cm 0cm'>
<img src="email/images/left-bar.jpg" name="left bar top"
 width=102 border=0  id="leftbartop"
 valign=bottom style='padding:0cm 0cm 0cm 0cm'>
<img src="email/images/left-bar.jpg" name="left bar bottom"
width=102 border=0  id="leftbarbottom"></td>

我使用一个众所周知的搜索引擎进行了一些搜索，并且只是遇到了用于实现此目的的css函数。我正试图避开css和背景图像，因为在显示涉及背景图像的事物时，外观似乎相当顽固。

Answer 1

您必须使用带有背景图片的图片，因为css position或z-index不受支持。将背景图像设置到单元格的顶部。然后，您可以在表格单元格中使用valign="bottom"来对齐标准图片代码底部图像。

有关在Outlook中使用的背景，请参阅backgrounds.cm。