如果有背景渐变，gmail 会从 <td> 中删除所有样式答案

【问题标题】：gmail removes all styles from <td> if it has a background gradient如果有背景渐变，gmail 会从 <td> 中删除所有样式
【发布时间】：2012-04-30 18:05:42
【问题描述】：

我发现了一个 gmail 的奇怪问题，如果我的 HTML 电子邮件有任何形式的 CSS3 渐变，例如：

<th style="text-align:right; font-size:14px; background:#ededed; background-image:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background-image:-moz-linear-gradient(top, #ededed, #ebebeb); font-weight:bold;">

它将从此<th> 中删除所有样式。一旦我删除了背景渐变的东西，它就可以正常工作并保留其余样式。我尝试将其更改为背景：-moz-linear... 都具有相同的效果。如果 gmail 不喜欢它，它会从该元素中删除所有样式。

有没有其他人经历过这种情况？有解决办法吗？

我已经用 Thunderbird 和 Mac Mail 测试过相同的电子邮件，没有任何问题。

【问题讨论】：

几乎所有电子邮件客户端中的 CSS 支持都不符合 Web 标准。通常这是为了防止垃圾邮件发送者的滥用。我以前从未听说过这个，但我猜它是出于某种原因而故意存在的。获得该渐变的唯一可靠方法是图像。

标签： css gmail html-email email-client

【解决方案1】：

Gmail 通常只是在电子邮件中使用 CSS 做一些奇怪的事情。由于 CSS 支持如此成功或失败，我并不感到惊讶，像 CSS3 渐变这样“高级”的东西会完全错误。

您必须考虑的另一件事是大多数电子邮件客户端无法识别 CSS 渐变，因此我不会费心尝试。

如果您希望某些内容带有渐变，并且希望它显示给大多数电子邮件客户端，您将不得不将其创建为作为内容放置的图像。

【讨论】：

【解决方案2】：

CSS 电子邮件不支持它。可用的选项有限。

查看http://www.campaignmonitor.com/css/

【讨论】：

css 电子邮件支持回到了石器时代。除了巢桌和讨厌生活之外，您将无能为力
如果只有雷鸟在该列表中，它会勾选几乎所有框。

【解决方案3】：

如果 Gmail 不喜欢任何给定元素的样式声明的任何部分，它会删除该元素的整个声明。一种解决方法是将声明的一部分指定为!important。这样，Gmail 只会忽略它不喜欢的部分。

【讨论】：

似乎没有那么简单……我试过了，没有成功