Вёрстка html письма в Outlook

376
19 мая 2017, 13:26

Подскажите, может кто сталкивался, есть ли возможность сделать картинку фоном для письма в Outlook.
Такой пример не работает:

<body background="URL">
...
</body>

Необходимо корректно отображать в Outlook 2010 и owa (веб Outlook).
Верстка табличная, стили инлайновые.
Не пинайте, впервые сталкиваюсь.

Answer 1

Воспользуйтесь стилями, код может выглядеть примерно вот так...

<body style="background-image: url('https://pbs.twimg.com/media/CWTJs-bU4AAzCFU.jpg');"></body>

Приведённый код не будет работать для всех клиентов. Лучше воспользовался вот таким способом...

Добавте сразу после <body> таг:

<div style="background-color:#7bceeb;">
  <!--[if gte mso 9]>
  <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
    <v:fill type="tile" src="https://pbs.twimg.com/media/CWTJs-bU4AAzCFU.jpg" color="#7bceeb"/>
  </v:background>
  <![endif]-->
  <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td valign="top" align="left" background="https://pbs.twimg.com/media/CWTJs-bU4AAzCFU.jpg">

Далее ваш контент и перед закрытием </body> таг:

      </td>
    </tr>
  </table>
</div>

Если вы хотите узнать больше о картинке в сообщение, пожалуйста посмотрите этот ресурс. Это на Английском, но браузер переведет.

READ ALSO
Изменение кнопок слайдера [требует правки]

Изменение кнопок слайдера [требует правки]

Как изменить картинки переключателей слайдера в htmL?

343
Просмотр карты в unity3d

Просмотр карты в unity3d

Unity3dЕсть UI Image - карта

211