Gmail HTML-адрес электронной почты

Question

Я работаю над электронной почтой HTML. Проблема, которую я получаю, заключается в том, что GMAIL не использует «фоновое положение», которое я ему даю. У меня есть таблица со 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

Может быть, вы должны определить свой фон в 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"> 

Answer 3

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

GMAIL не использует «фон положение

article

Answer 4

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

Что вы не можете сделать:

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

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

Фон-изображение/Фон-положение. Gmail также является виновником этого. Очистите ваши поплавки. Gmail снова.

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

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

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

Answer 5

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

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

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

Answer 6

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

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

Answer 7

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