html - 如何在 outlook 中为时事通讯制作背景图片？

Question

我正在尝试制作时事通讯，其中我有一些图像作为背景和上面的文字。这很简单，但我需要它才能在 Ms Outlook 上工作。

我尝试过的:

1.

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

2.

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

3.

<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 上没有什么效果很好。我不知道如何解决它。我正在使用 Outlook 2007。

如有任何帮助，我们将不胜感激。

Answer 1

“防弹电子邮件背景图像”的强大工具(VML 用于 Outlook 2007/2010/2013，HTML/CSS 用于 Outlook 2000/2003、Gmail、Hotmail...)

http://emailbg.net

举个例子:

    <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">
      </td>
    </tr>
  </table>
</div>

为了使完​​整的电子邮件正文具有指定的背景图像。

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

msdn.microsoft.com/en-us/library/bb264137%28v=vs.85%29.aspx

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