电子邮件通讯渐变颜色未正确呈现答案

【问题标题】：Email newsletter gradient color not rendering correctly电子邮件通讯渐变颜色未正确呈现
【发布时间】：2012-12-19 15:13:28
【问题描述】：

我是 HTML 和 CSS 的新手，所以我在我的时事通讯中使用渐变色，但渐变色没有在电子邮件上呈现，所以任何人都可以帮我解决这个问题这是我的风格标签

.DivFirst
{
   padding:10px 40px;
   border-radius: 50px;
   width:500px;
   background: -webkit-linear-gradient(#0A284B, #135887);
   background: -o-linear-gradient(#0A284B, #135887);
   background: -moz-linear-gradient(top, #0A284B, #135887);
   background: linear-gradient(#0A284B, #135887);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A284B',   endColorstr='#135887', GradientType=1)";
   zoom 1;
   -pie-background: linear-gradient(#FFFFFF, #C5CBC3);
   behavior: url(/PIE.htc);
}

这是我的 HTML 代码

<div class="DivFirst">
This is the best of the world
</div>

【问题讨论】：

这个问题很模糊。哪里渲染不正确？ Outlook、Hotmail、Gmail 还是其他？通常，电子邮件最好保持非常简单，并且在样式上保留更多，因为渲染和 CSS 支持有很多变化。我建议查看这些结果：google.com/…
电子邮件中的 CSS 代码非常有限。看看这个网站campaignmonitor.com/css

标签： css html linear-gradients

【解决方案1】：

我很确定大多数浏览器的 HTML 电子邮件不支持背景渐变。我建议查看以下链接：

http://www.campaignmonitor.com/css

http://coding.smashingmagazine.com/2012/03/13/techniques-overcome-poor-css-support-email/

http://caniuse.com/

【讨论】：

【解决方案2】：

电子邮件的样式主要使用表格。

遗憾的是，电子邮件客户端在呈现 CSS 和 HTML 时不如浏览器“方便”。

查看 MikeTedeschi 发布的链接。我也发布了它们，但我删除了它们，因为我错过了他的帖子。为 MikeTedeschi 的帖子点赞；）

【讨论】：