Question

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

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

android gmail app是否停止支持背景图片？

即使这样也不起作用...说明防弹样本（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

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

例如，this link建议内联所有CSS，而this link建议将所有样式嵌入到头部。更进一步 - 如果this link是正确的，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 doesn't support background images at all。}}

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

如果所有其他方法都失败了，也许您可以尝试使用直接解析为图片的网址。 Gmail可能会剥夺所有这一切，因为它确定它看起来过于粗略。

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

1 个答案: