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

问题描述

我正在尝试制作时事通讯，其中我有一些图片作为背景和文字.这很容易，但我需要它来处理 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.

<div style="width: 0px; height:0px; position: relative;"><div style="width: 100px; height: 100px; position: absolute; background: url('someurl')">文本

</td>

但在 Outlook 中没有任何效果.我不知道如何解决它.我使用的是 Outlook 2007.

任何帮助将不胜感激.

解决方案

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

http://emailbg.net

举个例子:

 
<!--[如果 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:背景><![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>

为了将指定的背景图片添加到完整的电子邮件正文中.

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

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

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

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.

What I have tried:

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>

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

Any help would be appreciated.

解决方案

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

as an exemple :

    <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.

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屋！