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

Question

HTML电子邮件。 每个人的第一个也是最后的爱。

我已经构建了一个基于表格的电子邮件，其背景图像带有文本叠加作为“英雄”模块。 我在div w / inline CSS上使用了背景图像。 除Outlook 2010/2013和Android Gmail原生应用程序外，其他地方都很棒。

android gmail应用程序是否停止支持背景图像？

即使这不起作用...说明和石蕊的防弹样本（backgrounds.cm）说没有继续前景和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属性和background HTML属性添加了对图像的重复引用（因为上帝知道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可能会剥夺所有这一切，因为它确定它看起来过于粗略。