1

我发现了 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 测试了相同的电子邮件，没有任何问题。

4

3 回答 3

3

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

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

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

于 2012-04-30T18:10:33.033 回答
2

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

检查这个http://www.campaignmonitor.com/css/

于 2012-04-30T18:09:56.797 回答
1

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

于 2012-09-07T10:40:22.460 回答