2014-03-05 44 views
0

这里我的电子邮件模板:http://jsfiddle.net/p5K6N/HTML电子邮件模板背景图片不能正常工作

我累了几件事情,我花了2个div S,一个div用于图像和第二的文本,并进行position : absolute

position : absolute< =没有工作

另一件事我想是图像的背景的URL,但它毕竟是不是为我工作:( - 我在互联网上发现它不工作,但这里的替代解决方案是什么?

<p style="text-align: center; font-size: 18px; font-family: 'Segoe UI';">Pursue Your Brand</p> 

<div style=" background-image:url('http://beautifullinux.com/web/wallpaper/SolarisExpressBuild69/images/di-scurve-gray.png'); background-size:100%; width: 100%; height:100%; text-align: center; vertical-align: middle;"> 
    some text will be disply here 
</div> 

回答

1

电子邮件是一个绝对可怕的事情,因为有许多不同的邮件客户端(Gmail,Outlook等),他们都运行不同。我从最近的经验中知道,前景不支持背景图像或位置样式。也有一些客户会因为某些原因撕裂你的任何div。总之,没有解决方案可以运行在所有的电子邮件客户端上,因为电子邮件是恶魔!我发现这个网站对测试我的电子邮件很有帮助。 http://putsmail.com/

http://backgrounds.cm/这可能对某些情况下的工作,虽然

0
<div style=" background-image:url...> 
  1. 你有[space]background-image:url...前的空间乘坐空间了。
  2. 使用background而不是background-image如果你要提供额外的价值,例如heightwidth