Цвет фона не применяется в Gmail, отсутствие ссылки «Открыть в браузере» затрудняет устранение неполадок - PullRequest
Новая
       77

Цвет фона не применяется в Gmail, отсутствие ссылки «Открыть в браузере» затрудняет устранение неполадок

1 голос
/ 27 января 2020

Я тестирую письмо от маркетингового инструмента, который еще не поддерживает ссылку "Открыть в браузере". Мы заметили, что цвет фона электронной почты не применяется к веб-клиенту Gmail (вместо этого у нас есть белый фон). Но устранение неполадок становится трудным, когда мы не знаем, как Gmail интерпретирует код.

Это тег <body> нашего письма и единственное место, где упоминается этот цвет фона: 

<body width="100%" style="margin: 0; mso-line-height-rule: exactly; background-color: #FFEAE7;">

У нас есть доступ к Litmus учетной записи, где мы проверили электронную почту. Когда мы открываем представление веб-клиента Gmail и нажимаем кнопку Изменить код , отображается исходное отображение кода, и поэтому розовый фон возвращается, поэтому мы снова не можем понять, почему цвет bg игнорируется.

Есть ли способ заглянуть глубже, почему этот цвет фона не применяется в Gmail?

Ответы [ 2 ]

2 голосов
/ 27 января 2020

Gmail переопределит цвет тега <body> и будет использовать белый цвет по умолчанию или цвет, заданный в пользовательских настройках. Например, если пользователь выбрал Темный режим, он переопределит любую настройку <body> и изменит цвет на # 333333.

Если вы центрируете тело письма, как это делают многие, примените цвет тела для Gmail вместо этого используйте тег <center>: 

<body bgcolor="#FFEAE7;">
<center style="width: 100%; background-color: #FFEAE7;">
*content*
</center>
</body>

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

Удачи!

0 голосов
/ 05 февраля 2020

Поместите это в раздел Голова 

<style>
body {
background-color: #ffeae7;
}
</style>

Добавьте это в тег Body 

bgcolor="#ffeae7" style="background-color:#ffeae7;"
...