在 Outlook 中重复的电子邮件 HTML 图像答案

【问题标题】：Email HTML image repeating in outlook在 Outlook 中重复的电子邮件 HTML 图像
【发布时间】：2017-01-12 14:29:43
【问题描述】：

所以我正在测试一些将发送给客户/用户的电子邮件，我发现 Outlook 不能很好地呈现背景图像，它会重复它。

我已经搜索并尝试了某些事情，例如：

https://backgrounds.cm/
我尝试将 fill="f" & fill type="frame" 替换为 "t" & "tile" 但仍然得到相同的结果。
我已将宽度和高度更改为与或或图片本身相同。
试图改变 CSS background-repeat:no-repeat;以我所知道的所有方式移动它
尝试将“v:background”替换为“v:rect”
现在我在这里 :)

我发现这是一个已知问题，但我似乎找不到适合我的方法。

我非常感谢任何正确方向的帮助或信息！

这是我使用的实际 HTML：

<body style="padding:0; margin:0; display:block; background:#ffffff; -webkit-text-size-adjust:none" bgcolor="#ffffff">
    <table align="center" cellpadding="0" cellspacing="0" width="100%" height="100%" border="0">
       <tr>
            <td background="http://i.imgur.com/uu9hFXR.png" 
                bgcolor="#E3E6C6" 
                valign="top" 
                style="background: url(http://i.imgur.com/uu9hFXR.png); 
                background-repeat:no-repeat; 
                background-color: #E3E6C6; 
                background-position: center;">
                <!--[if gte mso 9]>
                    <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="f">
                    <v:fill type="frame" src="http://i.imgur.com/uu9hFXR.png" color="#E3E6C6"/>
                    </v:background>
                <![endif]-->
            </td>
        </tr>
    </table>
</body>

亲切的问候！

【问题讨论】：

msdn.microsoft.com/en-us/library/office/… 注意 Outlook 不支持背景图片

标签： html css email outlook

【解决方案1】：

根据this 列表 Outlook.com 和 Outlook 2007/2013 不支持background-repeat

【讨论】：

感谢您提供的来源（已添加书签）。但是，如果它不受支持，我尝试使用“v：rect”，我还剩下什么选项？亲切的问候！
为什么大家都不理我？ ...亲切的问候
@lucdebevere 让您的电子邮件尽可能简单。您始终可以将网址包含到您的网站，用户可以在其中查看完整样式的消息
嗯，它不是艺术品，我的意思是它只是一个徽标、文本和一个按钮/链接，它适用于除 Outlook 之外的大多数电子邮件......我喜欢在网站上为它创建一个页面的想法（这就是我将其标记为答案的原因）尽管我喜欢 UI 友好的步骤，但如果没有人能弄清楚这一点或不想提供帮助，我将不得不对 Outlook 用户忽略它......亲切的问候并感谢您那些分享信息/链接的人！

【解决方案2】：

看起来您在后台调用图像，然后在 style="background:..." 中再次调用它。

您是否尝试过删除表格中这两个参考图像之一？

【讨论】：

是的，我也这么认为，但是当我 1) 删除中的第一个 url 并留下其他 2 个（在 style="" & <...><...>