отправка html почты с изображениями, не отображаемыми в gmail - PullRequest
1 голос
/ 01 февраля 2010

Я отправляю html письма через php. электронная почта имеет фоновое изображение, которое не отображается, когда я проверяю его с помощью Gmail, Hotmail или Yahoo Mail. Я пытался использовать тег изображения, но это тоже не работает. изображение отлично работает, если используется почтовый клиент, такой как OSX Mail, Mozilla или outlook. Есть идеи?

извините за то, что не добавили код. вот как я пытался это реализовать:

    <div style="border-bottom:1px solid #CCCCCC; padding:0 20px; background-color:#EDEDED; background-image:url(http://www.mysitename.com/images/email_header.png); background-repeat: no-repeat; background-position: 520px center; height:120px;"> 
Header 
</div>

Gmail прекрасно работает для отображения других вложений и картинок, но я думаю, что он блокирует HTML-изображения (даже если они фоновые изображения)

Ответы [ 5 ]

3 голосов
/ 01 февраля 2010

Как вы узнали, Gmail не поддерживает фоновые изображения CSS.

http://www.email -standards.org / - хороший ресурс для выяснения проблем с отображением электронной почты в разных клиентах.

2 голосов
/ 21 ноября 2011

Вы сможете заставить фоновое изображение работать с помощью css. Хитрость заключается в том, чтобы не использовать сокращение и держать css ниже тега body. Поэтому вместо того, чтобы вводить 'background: ...', убедитесь, что вы набрали его полностью и используете: 'background-image:' 'background-color:' 'background-repeat:' и т. Д. Это шоу отлично в Gmail и т. Д. Для меня.

2 голосов
/ 01 февраля 2010

Оказывается, я использовал CSS, чтобы изображение было на заднем плане. Gmail это не понравилось. вместо этого я использовал тег изображения. Я не могу это доказать, но: раньше я делал это тоже безуспешно, но раньше я не использовал таблицы для своего макета. Итак, подведем итоги ... использовать таблицы для макета электронной почты HTML вставить тег изображения с шириной, высотой, тегом alt и Gmail, Hotmail и Yahoo будут отображать ваше изображение. надеюсь, это когда-нибудь сэкономит кому-то :) 1001 *

0 голосов
/ 30 июля 2013

Нет. Gmail не поддерживает свойство background-image в CSS. Я проверял это сам.

Проверьте это: http://www.email -standards.org / clients / gmail /

0 голосов
/ 01 февраля 2010

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

Попробуйте отправить письмо из Gmail вручную с изображением обратно в свою учетную запись Gmail. Убедитесь, что изображение отображается. Теперь перейдите к «Показать оригинал» и скопируйте и вставьте его в текстовый файл.

Теперь сделайте то же самое с электронной почтой, отправленной из вашей программы: отправьте ее в Gmail, «покажите оригинал» и скопируйте и вставьте в другой файл.

Теперь сравните эти два файла. Чем они отличаются?

...