Письма в формате HTML не загружают фоновые изображения

Question

Я создаю и отправляю электронные письма в формате HTML.

Я использую разметку как

<table style="background: url('http://example.com/App_Sprites/image.gif');>

Однако изображения не отображаются при загрузке сообщений, содержащих разметку такого рода, из почтового клиента. Когда я делаю такие вещи, как

<img src="http://example.com/App_Sprites/image.gif" />

картинки скачать нормально.

Мне нужно, чтобы изображение было фоном, потому что мне нужно показать текст поверх него. Могу ли я использовать тег изображения и расположить текст поверх него? Или должно действительно работать фоновое изображение, а что-то еще может быть не так?

Answer 1

Письма в формате HTML обычно не загружают фоновые изображения. Но есть хитрость, которую вы можете сделать.

<div style="z-index:10;position:relative">your text here</div>
<img src="http://example.com/App_Sprites/image.gif" style="margin-top:-20px" />

играть с полем сверху

Answer 2

Свойство background работает на некоторых почтовых клиентах, использующих это как ссылку . Это очень полезно.

Я бы не стал использовать фоновые изображения и придерживался сплошных цветов, причина в том, что не все почтовые клиенты будут иметь эту функцию и возможность видеть фоновое изображение.

Answer 3

или используйте base64 напрямую =) хм divs даже лучше, чем таблицы