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

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

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

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

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

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


html css email html-email litmus
person disasterkid    schedule 27.01.2020    source источник
comment
Самый надежный способ кодирования цветов фона — использовать HTML-атрибут bgcolor с 6-значным HEX-кодом: litmus.com/blog/background-colors-html-email ~ Попробуйте, если это не сработает, я предполагаю нечестную игру где-то еще (например, что-то белое поверх вашего тела , или тег body не отображает стили, и это должна быть таблица) Если не считать лакмусовой бумажки и загрузки электронной почты в браузере, я не уверен, как еще вы могли бы это сделать.   -  person MattJHoughton    schedule 27.01.2020
comment
Дело в том, что когда мы отправляем электронное письмо из другого инструмента, цвет фона применяется и отображается в Gmail, а также в этом другом инструменте, единственное упоминание этого цвета (#FFEAE7) находится в теге body. Другими словами, атрибуты <body> идентичны для нового и старого места. Это смутило нас.   -  person disasterkid    schedule 27.01.2020

Ответы (2)


arrow_upward
3
arrow_downward

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

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

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

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

Удачи!

person gwally    schedule 27.01.2020
comment
Я использовал следующую настройку, и она работает: pastebin.com/A1ULNT6B Вероятно, ваш код тоже работает. К сожалению не нашел времени протестировать. Но если вы согласны, не стесняйтесь упомянуть об этом в своем ответе. Благодарю вас! - person disasterkid; 28.01.2020

arrow_upward
0
arrow_downward

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

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

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

bgcolor="#ffeae7" style="background-color:#ffeae7;"
person Rudi    schedule 05.02.2020