HTML-фон электронной почты на теле не работает в Outlook 2013

У меня есть следующий html, если я открою его в браузере, он отлично работает ... но когда я отправляю его по почте в свой Outlook 2013, я не вижу фона ...

<!DOCTYPE html>
<html>
<head>
<title>Untitled Document</title>
</head>

<body style='background-image: url("http://postimg.org/image/t6abf7srn/");background-repeat:no-repeat'>

</body>
</html>

Я пробовал варианты 1 и 2, указанные по этой ссылке: http://blog.mailermailer.com/email-design/background-images-in-html-email-the-naked-truth

Также пробовали решения по ссылке ниже:

1) http://blog.mailermailer.com/email-design/bulletproof-email-background-images-fact-or-fiction

2) http://backgrounds.cm/

но не повезло.

Просто добавил свое дополнение VML, которое, похоже, тоже не работает:

<!DOCTYPE html>
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>Untitled Document</title>
</head>

<body style='background-image: url("http://postimg.org/image/t6abf7srn/");background-repeat:no-repeat'>
<!--[if gte mso 9]>
<v:background fill="t">
   <v:fill type="tile" src="http://www.example.com/background_image.jpg" />
</v:background>
<![endif]-->

</body>
</html>

html background-image outlook html-email document-body
person whyAto8    schedule 16.07.2014    source источник
comment
это просто Outlook 2013? Вы пробовали какие-либо другие версии mso, такие как '07,'10?b И можете ли вы опубликовать свою попытку VML?   -  person zazzyzeph    schedule 16.07.2014
comment
Ну, я просто пробую версию 2013, так как это единственное требование, и у нас нет другой версии для тестирования. Я попробую с VML, хотя   -  person whyAto8    schedule 17.07.2014

Ответы (3)


arrow_upward
0
arrow_downward

HTML в Outlook обрабатывается Word, а не IE. И Word не поддерживает фоновые изображения в HTML.

person Dmitry Streblechenko    schedule 16.07.2014
comment
Оно делает. Если бы это было не так, вы бы не видели их повсюду в электронных письмах в формате HTML. Word также использует VML (язык векторной разметки), который может выполнять некоторые функции, которые интерпретатор HTML Word/Outlook не может выполнить. - person zazzyzeph; 16.07.2014
comment
на самом деле 07 или 06 деградировали, и его перестали поддерживать ... не уверен насчет поддержки в 2013 году. - person albert; 17.07.2014
comment
Используя v:fill, вы можете создавать фоновые изображения, проверьте: backgrounds.cm - person Thomas; 06.08.2015

arrow_upward
0
arrow_downward

вы указываете на документ, а не на файл изображения в вашем css. вместо этого добавьте URL-адрес изображения, например:


<body style='background-image: url("http://s21.postimg.org/ko0vavm93/image.jpg");background-repeat:no-repeat'>

однако, как сказал @Dmitry Streblechenko о поддержке, я знаю, что Outlook вернулся назад некоторое время назад и прекратил их поддерживать. не уверен насчет поддержки 2013.
я бы разбил это изображение на части таблицы :)

person albert    schedule 17.07.2014

arrow_upward
0
arrow_downward

Вы уверены, что добавили vml xmlns в свой HTML-тег?

<html xmlns:v="urn:schemas-microsoft-com:vml">

У меня не было проблем с предоставленным фрагментом CM (размещенным в верхней части тела)

<!--[if gte mso 9]> <v:background fill="t"> <v:fill type="tile" src="http://www.example.com/background_image.jpg" /> </v:background> <![endif]-->

РЕДАКТИРОВАТЬ!!

Оказывается, вам даже не нужен VML для фона тела Outlook. <body style="margin:0px; padding:0px;" bgcolor="#0088cc" background="http://imagez.biz/bkg.png">

person zazzyzeph    schedule 16.07.2014
comment
Ну, я тоже пробовал, но это не сработало. Я использую PutsMail (putsmail.com), чтобы протестировать его, когда я разместил исходный код, он по крайней мере показывал изображение в предварительном просмотре PutsMail, но как только я вошел в VML, он также не показывал изображение. Я добавил свой код VML в свой исходный пост, на случай, если вы захотите увидеть... - person whyAto8; 17.07.2014