HTML电子邮件不下载背景图像

时间:2011-05-14 15:30:03

标签: html css email html-email

我正在创建和发送HTML电子邮件。

我正在使用像

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

但是,当我从电子邮件客户端下载包含此类标记的邮件时,不会显示图像。当我做的事情

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

图像下载很好。

我需要将图像作为背景,因为我需要在其上显示一些文字。我可以使用图像标记并以某种方式将文本放在上面吗?或者应该使用背景图像实际工作,还有其他可能是错误的?

3 个答案:

答案 0 :(得分:2)

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" />

使用保证金最高编号

答案 1 :(得分:1)

background属性适用于某些电子邮件客户端,将其用作reference。这非常有用。

我会避免使用背景图片并坚持使用纯色,原因是并非所有电子邮件客户端都具备此功能和能力来查看背景图像。

答案 2 :(得分:0)

或直接使用base64 =) hm div甚至比表更好