Gmail HTML 电子邮件背景

Posted 2023-05-08

【中文标题】Gmail HTML 电子邮件背景

【英文标题】：Gmail HTML email background

【发布时间】：2012-04-03 19:38:16

【问题描述】：

我正在处理 html 电子邮件。 我得到的问题是 GMAIL 不使用我给它的“背景位置”。 我有一个 100% 宽度的表格，其背景必须居中。大多数客户都能完美地做到这一点，但 Gmail 却没有。有解决办法吗？

内联 CSS 是这样的：（我已将所有背景属性分开，否则大多数客户端不会以正确的方式显示它）

<table style="background-repeat: no-repeat; background-position: center top;" border="0"  align="center" bgcolor="#1E1411" background="assets/mainback2.jpg">

【问题讨论】：

还有几个不支持background-position...campaignmonitor.com/css

【参考方案1】：

这是可能的，您只需将所有背景样式放在一行中，如下所示：

background:#1E1411 url(assets/mainback2.jpg) no-repeat center top;

但由于某些电子邮件客户端无法处理背景图像，因此您必须分离颜色。

background:url(assets/mainback2.jpg) no-repeat center top;
background-color:#1E1411;

【参考方案2】：

您回答了自己的问题。

GMAIL 不使用“背景位置”

article

【参考方案3】：

可能您必须在 STYLE 引号中定义您的背景，而不是单独定义。像这样写：

<table style="background-repeat: no-repeat; background-position: center top; background-image:url(assets/mainback2.jpg)" border="0"  align="center" bgcolor="#1E1411">

【参考方案4】：

发件人：http://css-tricks.com/using-css-in-html-emails-the-real-story/

你不能做什么：

包含一个带有样式的部分。 Apple Mail.app 支持它，但 Gmail 和 Hotmail 不支持，所以这是一个禁忌。 Hotmail 将支持正文中的样式部分，但 Gmail 仍然不支持。

链接到外部样式表。没有多少电子邮件客户端支持这一点，最好忘记它。

背景图像/背景位置。 Gmail 也是这个问题的罪魁祸首。 清除你的花车。再次使用 Gmail。

保证金。是的，说真的，Hotmail 忽略了利润。基本上任何 CSS 定位都不起作用。

字体-任何东西。 Eudora 很可能会忽略您尝试使用字体声明的任何内容。 还有很多事情你应该注意。有关哪些在线电子邮件服务支持哪些内容的完整列表，请查看 Xavier Frenette 上的这篇文章。

所以，伙计，没有什么可以做的。

【参考方案5】：

把背景图片放在tdlike上，

<td background="http://someimageurl" style="background-repeat:no-repeat">

然后将table 定位在align="center" 的中心。将表格same 宽度作为背景以获得居中效果。将 this 居中的解决方案并不适用于所有情况。