outlook电子邮件中固定位置的背景图像

我正在设计一个HTML电子邮件，其中有一个位置的背景图像。它在GMail和Yahoo中运行良好。但该图像不会显示在outlook中。我也在使用VML。但没有任何帮助。 以下是我到目前为止所做的尝试

这将图像置于其背景中：

<td class="content-wrapper" style="width: 100%;background: url(https://gallery.mailchimp.com/0135a40176b33deb024da1fea/images/5d40da6e-256c-4191-a9b8-d69ca8e49f46.png) repeat-y 97.5% 0;">
 <!--[if gte mso 9]>
      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" background-repeat:repeat-y; position: 97.5% 0;">
       <v:fill type="tile" src="https://gallery.mailchimp.com/0135a40176b33deb024da1fea/images/5d40da6e-256c-4191-a9b8-d69ca8e49f46.png" color="#ffffff" />
        <![endif]-->       
                     <!--<div>-->
         ********************contents here**********************
      <!--</div>-->
        <!--[if gte mso 9]>
        </v:textbox>
        </v:rect>
        <![endif]-->

********************这里的内容**********************

---

但outlook中什么也没发生。请向我推荐一个最佳优化解决方案

这是我用于背景图像的Outlook修复程序，用于设置具有背景的按钮。您正在使用的图像需要为此托管，并且URL必须位于VML中

和

src=

中的background属性中。由于这是一个模板，我使用，宽度和高度需要去任何地方提到和背景颜色可以应用于HTML和VML。（然后在修复程序中有一个表，您可以在其中放置更多HTML，如图像等）

---

注意：请记住，如果您在背景图像中有背景图像，则此代码在Outlook中不起作用（它可以工作，但会破坏一切），您需要更复杂的VML。您需要对VML对象应用宽度和高度：

<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false"
style="height:100px; width:100px;">

并且你所应用的背景重复和位置将不起作用。VML对象不是背景，它们只是通过创建对象并将其放置在内容下方来模拟背景。Its是一种有效但有限的方法

如果需要移动对象，请尝试在要移动对象的一侧用空格切片背景图像

默认情况下，它将在outlook的x轴和y轴上重复，您无法控制

您可以为outlook背景提供不同的图像，以供其他地方使用。只需在VML对象内使用与您在

td

上的

background

属性上使用的不同的图像路径即可

另外请注意，outlook.com和AOL将需要在

background=“

属性中指定的背景，如果将其指定为css背景（

style=“background:url（）；”

），则该背景将不起作用

希望这有帮助

<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false"
style="height:100px; width:100px;">