Windows 10邮件渐变未显示

Question

我在Mail上可用的Windows 10应用程序上发现了一个问题，特别是，我在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中完美显示：

但是在Windows 10 Mail中不会呈现渐变：

这是Windows 10 Mail应用的错误吗？因为在其他电子邮件软件中我没有问题。

Answer 1

这本身不是Windows 10 Mail应用程序中的错误。原因是Gmail和Windows 10 Mail使用不同的呈现引擎。考虑不同的Web浏览器如何不同地应用CSS规则。电子邮件客户端也是如此，只是web standards set forth by W3C通常被电子邮件客户端完全忽略，或者他们可以选择只遵循很小的标准子集。

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

通过使用背景图像而不是CSS渐变，您可能能够在屏幕快照中获得所需的渐变效果，但这可能会引起一系列问题（例如，特定的电子邮件客户端是否完全渲染，文本会正确显示在其顶部等）。

有些链接可让您了解有关此复杂问题的更多信息：

• Coding for Windows 10 Mail App（emailonacid.com）
• Why Clients Render Email Differently（MailChimp）