VML背景图像

Question

我有一个新的挑战，我还没有在这里看到张贴或回答...

在Outlook中，我有一个需要出现在电子邮件右上角的图像，但该图像被视为背景图像-电子邮件的主要内容漂浮在它上面。图像文件不是电子邮件的宽度。它大约是电子邮件宽度的15%，高度的20%。

电子邮件正文必须是640px宽，高度是可变的。图像宽203px，高432px。

我正在使用VML在Outlook中显示背景图像。图像被设置为<td>标记的背景图像，该标记包含许多提供电子邮件正文的附加表(因此是可变高度)。图像应该只在td的右上角出现一次。

coordorigin和coordposition是将图像保持在单一位置的有效方法，还是会对包含电子邮件正文其余部分的td产生负面影响？

任何帮助都将不胜感激。

Answer 1

下面是你实现你所要求的最低要求：

<!-- main containing table -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td align="center">
      <!-- main body table -->
      <table class="w320" width="640" cellpadding="0" cellspacing="0" border="0" style="position:relative;">
        <tr>
          <td style="position:relative;>
          <!--[if gte mso 9]-->
          <v:image src="...yourimagehere.jpg" style="width:203px;height:432px;position:absolute;top:0;right:0;z-index:-1;" />
          <![endif]-->

          Your email here

请记住，在电子邮件正文中使用背景色时，在VML对象上使用负z索引将导致VML对象显示在bgcolor后面

VML允许比在字处理器中呈现的典型HMTL样式多得多的样式，尽您所能充分利用它。

我真的不记得“正确”是否适用于Outlook中的位置。如果不是这样，请使用left:397px；。

希望这能有所帮助