Почтовый градиент Windows 10 не отображается - PullRequest
Новая
       45

Почтовый градиент Windows 10 не отображается

1 голос
/ 08 марта 2019

Я обнаружил проблему в приложении 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:

enter image description here

но в Windows 10 Mail градиент не отображается:

enter image description here

Это ошибка Windows 10 Mail приложения? Потому что в других почтовых программах у меня нет проблем.

1 Ответ

2 голосов
/ 08 марта 2019

Это не ошибка в приложении Почта Windows 10, по сути. Это связано с тем, что в Gmail и Windows 10 Mail используются разные механизмы рендеринга . Подумайте, как правила CSS применяются по-разному в разных браузерах. То же самое относится и к почтовым клиентам, за исключением того, что веб-стандарты , установленные W3C , часто полностью игнорируются почтовыми клиентами, или они могут выбрать только очень небольшое подмножество стандартов.

Попытка использовать современные функции CSS в почтовых клиентах приведет к широкому спектру эффектов, которые не всегда предсказуемы без тестирования получаемой электронной почты во многих различных средах.

Вы можете получить желаемый эффект градиента на скриншоте, используя фоновое изображение, а не CSS-градиент, но это может вызвать его собственный набор проблем (например, отображает ли его конкретный почтовый клиент, текст отображается поверх него и т. д.).

Вот несколько ссылок, где вы можете узнать больше об этой сложной проблеме:

...