Android Gmail 应用程序不会在 HTML 电子邮件中呈现背景图像

Question

HTML 电子邮件。每个人的初恋和最后的爱情。

我构建了一个基于表格的电子邮件，其中有一个带有文本叠加的背景图像作为“英雄”模块。我在带有内联 CSS 的 div 上使用了背景图像。除 Outlook 2010/2013 和 Android Gmail 本机应用程序外，在任何地方都可以正常使用。

Android Gmail 应用程序停止支持背景图片了吗？

即使这也不起作用......防弹样本（backgrounds.cm）来说明，石蕊说不能继续使用outlook和android gmail应用程序。

<table>
<tr>
<td background="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQNR9_Ru7wFZQLYHFXkeobjz0VoSFcC6-ieN7yWBa0dsnHhvZ8-IPSmpKw" bgcolor="#7bceeb" width="580" height="240" valign="top">
  <!--[if gte mso 9]>
  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:580px;height:240px;">
    <v:fill type="fill" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQNR9_Ru7wFZQLYHFXkeobjz0VoSFcC6-ieN7yWBa0dsnHhvZ8-IPSmpKw" color="#7bceeb" />
    <v:textbox inset="0,0,0,0">
  <![endif]-->
  <div>
      Please work, please, darn it
        </div>
  <!--[if gte mso 9]>
    </v:textbox>
  </v:rect>
  <![endif]-->
</td>
</tr>
</table>

Answer 1

好问题。关于这个主题有很多相互矛盾的信息。

例如，此链接建议内联所有 CSS，而此链接建议将所有样式嵌入头部。更进一步 - 如果此链接正确，Gmail 的电子邮件预处理器会从电子邮件正文中完全删除看起来粗略的 CSS：

Gmail 不允许使用背景（大部分情况下）。如果您包含对 URL 的任何引用，您的整个声明将被忽略。例如：

background: #000; /*This will be accepted */

background: #000 url(http://www.test.com/test.jpg); /* This entire line will be ignored */

不管怎样，我有一个类似的问题，涉及背景图像不适用于<table>元素，我通过向我的表添加一个类来解决*这个问题......

<table class="table"> 

...带有随附的样式表声明：

<style>
    .table {
        background-image: url(https://www.example.com/image.jpg/);
    }
</style>

background-image我还通过CSS 属性和HTML 属性添加了对图像的重复引用background（因为天知道 Gmail 预处理器在做什么）。

<table class="table" background="https://www.example.com/image.jpg/" style="background-image: url(https://www.example.com/image.jpg/);">

^{_{*这不适用于 Outlook，因为 Outlook根本不支持背景图像。}}

针对您的情况的其他一些想法：确保链接实际上已打开，并确保服务器已正确配置为从外部提供应提供的任何类型的图像。

如果一切都失败了，也许您可​​以尝试使用直接解析为图像的 URL。Gmail 可能会删除所有这些内容，因为它认为它看起来太粗略了。