image - Outlook HTML 电子邮件中的 VML 表格单元格背景图像仅在单击或调整大小时可见

Question

我有一个表格单元格，其中包含 Outlook 的 VML 背景图像备用。到目前为止它正在工作，但有时(我认为当图像需要更多时间从服务器加载时)VML 背景仅在我单击相关单元格或调整 Outlook 窗口大小或通过以下方式打开电子邮件时可见在单个 View 窗口中双击。

有什么提示这里出了什么问题吗？

提前非常感谢您。

<td class="background-cell-1" width="750" height="322" style="width: 750px; height: 322px; border-collapse: collapse; border: 0 none transparent; background-image: url('https://www.uponor.de/~/media/uponor-global/ecm-newsletter-2014/header-backgrounds/uponor-and-more1.jpg'); background-position: center; background-repeat: no-repeat; background-color: #0062C8; position: relative;">
<![if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width: 750px; height: 322px;" >
    <v:fill type="tile" src="https://www.uponor.de/~/media/uponor-global/ecm-newsletter-2014-vml-fallbacks/used-in-template-and-template-branches/branch-uponor-and-more-1.png" color="#0062C8" />
    <v:textbox inset="0,0,0,0">
        <div class="vml-panel-1" style="padding: 0; margin: 0; border: none; ">
<![endif]>        

<table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border: 0 none transparent; width:100%;" width="100%">
[...my content...]    
</table>    

<![if gte mso 9]>
        </div>
    </v:textbox>
</v:rect>                    
<![endif]>

Answer 1

我发现这实际上是一个 VML 问题。我可以确认，如果我们使用 VBScript 替换图像的源，它将刷新并显示图像。因此，要以另一种方式执行此操作，您可以将所有内容放入文本框中，然后在该文本框下放置图像。检查下面的代码。

<td background="https://www.uponor.de/~/media/uponor-global/ecm-newsletter-2014/header-backgrounds/uponor-and-more1.jpg" bgcolor="#0062C8" width="750" height="322" valign="top">  
<!--[if gte mso 9]>  
<img src="https://www.uponor.de/~/media/uponor-global/ecm-newsletter-2014/header-backgrounds/uponor-and-more1.jpg" alt="replace" height="92" width="120" border="0" style="display: block;" />  
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="false" stroke="false" style="position:relative;top:0;left:0;width:750px; height: 322px;">  
    <v:textbox inset="0,0,0,0">
<![endif]-->  
CONTENT GOES HERE  
<!--[if gte mso 9]>  
    </v:textbox>
</v:rect>  
<![endif]-->  
</td>  

我还写了一个post关于这个。

请告诉我这是否适合您。我知道这很令人痛苦。但我想不出另一条路。也许你可以与我分享你的想法。