Задать вопрос
zayko
@zayko
html

Верстка HTML письма. Картинка на заднем фоне

Впервые верстаю HTML письмо. Параллельно читаю статьи с хабра.
Пишут, что почтовые клиенты вырезают url атрибут.

Нужно разместить картинку на заднем фоне шапки.

Каким образом поступать?

Вижу вариант:
Два блока/таблицы с абсолютным позиционированием и z-index. В нижнем блоке картинка.

Прокатит?

Возможно другие варианты?
  • Вопрос задан
  • 27647 просмотров
2 комментария
Подписаться 6 Оценить 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 4
@Blah
www.campaignmonitor.com/css/ — очень полезная таблица.

www.campaignmonitor.com/blog/post/3170/adding-background-images-to-your-email-in-two-simple-steps/ — раньше работало, сейчас скорее всего тоже.
Ответ написан
1 комментарий
1 комментарий
Doomsday_nxt
@Doomsday_nxt
Попробуйте
<body background="URL">
...
</body>
Ответ написан
2 комментария
2 комментария
dudeonthehorse
@dudeonthehorse
Email Developer
Пускай запоздало, но отвечу. Фоновых картинок надо избегать. Графику вставлять через img. Свойство position вообще забудьте. Но с 1 февраля этого года фоновые картинки стали работать в gmail, но поп режнему не работают в тоже ms outlook
Ответ написан
Комментировать
Комментировать
MarkB1
@MarkB1
Верстаю сайты, пишу скрипты
Подскажите в чем верстаете письмо? Вместо фоновых картинок лучше использовать заливку со вставкой графических элементов
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Frontend Developer (React + Node.js)
Alfabet Service
от 1 000 до 2 000 $
Ещё вакансии