首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Windows 10邮件渐变不显示

Windows 10邮件渐变不显示
EN

Stack Overflow用户
提问于 2019-03-08 05:11:16
回答 1查看 184关注 0票数 1

我在Windows 10Mail应用程序上发现了一个问题,特别是我用NodeJS开发了一个小应用程序,它用nodemail包发送电子邮件,这封电子邮件的标题布局如下:

<div id="header" style="background: linear-gradient(to right,#00c7ce,#1a5cce 85%); border-bottom: 4px solid #1a5cce;
                height: 45px; padding: 10px 15px;">
    <strong id="logo" style="color: white; font-size: 20px;
            text-shadow: 1px 1px 1px #8F8888; margin-top: 10px; display: inline-block">
        <%= process.env.COMPANY_NAME %></strong>
</div>

该电子邮件完美地显示在GMAIL

但在Windows10 Mail中,不会渲染渐变:

这是Windows 10 Mail应用的bug吗?因为在其他电子邮件软件中,我没有任何问题。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-03-08 12:26:07

从本质上讲,这不是Windows10邮件应用程序中的一个错误。这是因为Gmail和Windows10Mail使用了不同的渲染引擎。考虑不同的web浏览器如何以不同的方式应用CSS规则。电子邮件客户端也是如此,除了web standards set forth by W3C通常被电子邮件客户端完全忽略,或者它们可能选择只遵守非常小的标准子集。

尝试在电子邮件客户端中使用现代CSS功能将产生广泛的效果,如果不在许多不同的环境中测试生成的电子邮件,这些效果并不总是可预测的。

通过使用背景图像而不是CSS渐变,您可能能够在屏幕截图中获得所需的渐变效果,但这可能会导致其自身的一系列问题(例如,特定的电子邮件客户端是否呈现它,文本是否正确地呈现在它上面,等等)。

以下是一些链接,您可以从中了解有关此复杂问题的更多信息:

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55052853

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档