Gmail HTML фон электронной почты

Question

Я работаю над письмом в формате HTML.Проблема, которую я получаю, состоит в том, что GMAIL не использует "background-position", которую я ему даю.У меня есть таблица со 100% шириной, которая имеет фон, который должен быть отцентрирован.Большинство клиентов делают это отлично, а Gmail - нет.Есть ли обходной путь для этого?

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

<table style="background-repeat: no-repeat; background-position: center top;" border="0" width="100%" align="center" bgcolor="#1E1411" background="assets/mainback2.jpg">

Answer 1

Это возможно, вы просто должны поместить весь стиль фона в одну строку, например так:

background:#1E1411 url(assets/mainback2.jpg) no-repeat center top;

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

background:url(assets/mainback2.jpg) no-repeat center top;
background-color:#1E1411;

Answer 2

Вы ответили на свой вопрос.

GMAIL не использует "background-position

товар

Answer 3

Попробуйте проверить это http://zurb.com/, это электронные письма в формате HTML, которые работают на любом устройстве и клиенте.

Answer 4

В любое время, когда я хочу, чтобы фоновые изображения поддерживались в клиентах, таких как Gmail, я просто использую это:

http://www.campaignmonitor.com/blog/post/3170/adding-background-images-to-your-email-in-two-simple-steps/

Answer 5

Поместите фоновое изображение в td как,

<td background="http://someimageurl" style="background-repeat:no-repeat">

и затем поместите table в центр на align="center".Дайте столу same ширину в качестве фона, чтобы получить центрированный эффект.Решение центрировать это, но не применимо ко всем случаям.

Answer 6

От: http://css -tricks.com / using-css-in-html-emails-the-story-story /

Что ВЫ НЕ МОЖЕТЕ сделать:

Включить раздел со стилями.Apple Mail.app поддерживает его, а Gmail и Hotmail - нет, так что нет-нет.Hotmail поддерживает раздел стиля в теле, но Gmail все еще не поддерживает.

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

Background-image / Background-position.Gmail также является виновником этого.Очистите ваши поплавки.Снова Gmail.

Маржа.Да, серьезно, Hotmail игнорирует поля.В принципе, любое позиционирование CSS вообще не работает.

Font-everything.Скорее всего, Eudora будет игнорировать все, что вы пытаетесь объявить со шрифтами.Есть еще несколько вещей, о которых вы должны знать.Для полного полного списка того, что сервисы электронной почты онлайн поддерживают, что, прочитайте эту статью в Xavier Frenette.

Так, нет, может сделать приятель.

Answer 7

Может быть, вы должны определить свой фон в кавычках STYLE не отдельно. напишите так:

<table style="background-repeat: no-repeat; background-position: center top; background-image:url(assets/mainback2.jpg)" border="0" width="100%" align="center" bgcolor="#1E1411">