如何在 Outlook 中的时事通讯上制作背景图片? [英] How make background image on newsletter in outlook?

问题描述

我正在尝试制作时事通讯，其中我有一些图像作为背景和文本.这很简单，但我需要在 Ms Outlook 上使用它.

I'm trying to make newsletter where I have some image as background and text on it. This is easy but I need this to work on 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 2007.

But nothing works well on outlook. I have no idea how fix it. I'm using outlook 2007.

任何帮助将不胜感激.

推荐答案

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

Powerful tool for "Bulletproof Email Background Images" (VML for Outlook 2007/2010/2013, and HTML/CSS for 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>

为了让指定的背景图片成为完整的电子邮件正文.

in order to have the specified background image to Full email body.

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

This link help to use the Vector Markup Language (VML)

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

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

这篇关于如何在 Outlook 中的时事通讯上制作背景图片?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！