VML 背景图片答案

【问题标题】：VML background imageVML 背景图片
【发布时间】：2015-12-14 21:50:54
【问题描述】：

我有一个新的挑战，我还没有看到这里发布或回答......

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

电子邮件正文必须为 640 像素宽，高度可变。图片宽 203 像素，高 432 像素。

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

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

任何帮助将不胜感激。

【问题讨论】：

标签： email outlook vml

【解决方案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-index 会导致 VML 对象显示在 bgcolor 后面

VML 允许比在文字处理器中呈现的典型 HMTL 更多的样式，尽可能充分利用。

我实际上不记得“正确”是否适用于 Outlook 中的位置。如果不只是使用 left:397px;而是。

希望对你有帮助

【讨论】：