html – 如何在Outlook中的通讯背景图像?

前端之家收集整理的这篇文章主要介绍了html – 如何在Outlook中的通讯背景图像?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在制作通讯,我有一些图像作为背景和文字.这很简单,但是我需要这样做才能在Outlook上工作.

我试过了

1.

@H_502_6@<td width="100" height="100" style="background: url('someurl');">text</td>

2.

@H_502_6@<td width="100" height="100" background="someurl">text</td>

3.

@H_502_6@<td width="100" height="100"> <div style="width: 0px; height:0px; position: relative;"> <div style="width: 100px; height: 100px; position: absolute; background: url('someurl')"> text </div> </div> </td>

但前景没有什么效果.我不知道如何解决它.我正在使用Outlook 2007.

任何帮助将不胜感激.

解决方法

向上

“Bulletproof Email Background Images”功能强大的工具(适用于Outlook 2007/2010/2013的VML和Outlook 2000/2003的HTML / CSS,Gmail,Hotmail …)

http://emailbg.net

作为例子:

@H_502_6@<div style="background-color:#f6f6f6;"> <!--[if gte mso 9]> <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t"> <v:fill type="tile" src="http://i.imgur.com/n8Q6f.png" color="#f6f6f6"/> </v:background> <![endif]--> <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" align="left" background="http://i.imgur.com/n8Q6f.png">

@H_502_6@</td> </tr> </table> </div>

以便将指定的背景图像设置为完整的电子邮件正文.

链接有助于使用矢量标记语言(VML)

msdn.microsoft.com/en-us/library/bb264137(v=vs.85).aspx

www.w3.org/TR/NOTE-VML#_Toc416858389

猜你在找的HTML相关文章