Текст поверх картинки в email письме

Рейтинг: 0Ответов: 1Опубликовано: 29.12.2014

Подскажите, пожалуйста, как правильно написать текст поверх картинки в 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>
css вёрстка email-layout
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

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

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

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

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