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

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

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

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

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

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

Прокатит?

Возможно другие варианты?
  • Вопрос задан
  • 27502 просмотра
2 комментария
Подписаться 6 Оценить 2 комментария
Пригласить эксперта
Ответы на вопрос 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
Верстаю сайты, пишу скрипты
Подскажите в чем верстаете письмо? Вместо фоновых картинок лучше использовать заливку со вставкой графических элементов
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Настройка и отладка "Remove Unused CSS" в WP Rocket на WordPress
17 нояб. 2024, в 21:55
5000 руб./за проект
Доработать проект (бэкенд)
17 нояб. 2024, в 20:24
1500 руб./за проект
Написать программный код для расчёта физических параметров, на Python
17 нояб. 2024, в 19:59
3000 руб./за проект
Ещё заказы