Question

我是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>

Answer 1

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

http://www.campaignmonitor.com/css

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

http://caniuse.com/

Answer 2

电子邮件主要以桌子为主题。

遗憾的是，在渲染CSS和HTML时，电子邮件客户端并不像Browers那样“方便”。

看看MikeTedeschi发布的链接。我也贴了他们但我删除了他们，因为我错过了他的帖子。竖起大拇指为MikeTedeschi发帖;）

电子邮件简报渐变颜色无法正确呈现

2 个答案: