0

Подскажите, пожалуйста, как правильно написать текст поверх картинки в email письме. Верстаю письмо таблицами, и пытался внутри таблицы создать div с текстом и наложить поверх картинки, но в приходящих письмах (gmail) все позиции пропадают (удаляются), т.е. отображается просто дивы один за другим:

 <table>
   <tr>
    <td>
      <div style="position: relative;">
        <img src="/images/content-image.jpg" alt=""/>
        <div style="position: absolute;">
        Мой текст
        </div>
      </div>
    </td>
   </tr>
 </table>

1 ответ 1

1

Я вот так делаю:

<table>
   <tr>
    <td style="background-image: url(http://name.ru/images/content-image.jpg)">
        Мой текст
    </td>
   </tr>
 </table>

А дальше ровняю паддингами на td.

Нормально работает во всех мейл-системах, насколько я знаю.

4
  • Конечно, хотелось бы так сделать, но большинство email клиентов не поддерживает background-image. stackoverflow.com/questions/11635803/… 28 дек 2014 в 23:24
  • 1
    Первый раз такое слышу. campaignmonitor.com/css Как раз большинство поддерживает. Тогда - через background просто. А вообще - можно открыть любое письмо-рассылку, и там видно, что все используют background-image =)
    – Crus
    28 дек 2014 в 23:27
  • Можно конечно использовать VML for Outlook 2007/2010/2013, and HTML/CSS for Outlook 2000/2003, Gmail, Hotmail и т.п. ищу простой вариант но если нет простого будет через VML ;-) 28 дек 2014 в 23:29
  • Спасибо за таблицу, проверю под разными клиентами! спс! 28 дек 2014 в 23:36

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.