0

我正在为outlook编写html电子邮件,我必须为整个添加背景图片,我找到 了这篇文章 并尝试了它,我得到了我需要的代码,但问题是我无法获得如何使用它,在这里是我从这个链接中找到的

瘦是你必须replace your <html> tag with:<html xmlns:v="urn:schemas-microsoft-com:vml">......然后将它添加到你的样式中,:v:* { behavior: url(#default#VML); display: inline-block; }As for the <td>你也希望添加背景图像,在单元格中添加以下内容(其中宽度和高度是图像的尺寸):我的<td>代码是这样的

<td height="296" colspan="2" valign="top" background="image.png" class="bodyContent" style="border-collapse: collapse">                      

 <div id= "main_content" > content </div>                                               
   </td>

我如何将上面提到的代码与这个代码联系起来以添加背景图像,请检查链接并帮助我。

4

2 回答 2

1

根据 emailbg.net 的说明,您的代码应如下所示:

编辑:添加了整个电子邮件作为发送给我自己的测试,这在 Outlook 中按预期工作:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title></title>

</head>
<body style="margin: 0px; padding: 0px; background-color: #FFFFFF;" bgcolor="#FFFFFF"><table bgcolor="#cccccc" width="100%" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td><table width="640" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"><tr><td valign="top" style="padding-top:30px; padding-bottom:30px;">

<table border="0" cellpadding="0" cellspacing="0"><tr>
<td background="http://lorempixel.com/400/296/" bgcolor="#f6f6f6" height="296" width="400" colspan="2" valign="top" class="bodyContent" style="border-collapse: collapse;">
  <!--[if gte mso 9]>
  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:400px;height:296px;">
    <v:fill type="tile" src="http://lorempixel.com/400/296/" color="#f6f6f6" />
    <v:textbox inset="0,0,0,0">
  <![endif]-->
  <div>

<div id= "main_content" > content </div>

  </div>
  <!--[if gte mso 9]>
    </v:textbox>
  </v:rect>
  <![endif]-->
</td>
</tr></table>


</td></tr></table></td></tr></table></body></html>

只需将图像换成您的相对图像,然后将宽度更改为您需要的宽度。

于 2013-07-26T19:27:45.500 回答
0

在 Outlook 中向邮件添加背景图像 要将图像插入到您在 Outlook 中撰写的电子邮件的背景中:

  1. 确保您撰写的邮件使用 HTML 格式。
  2. 将光标定位在消息正文中。
  3. 转到选项选项卡。
  4. 单击页面颜色。
  5. 从菜单中选择填充效果...。
  6. 转到图片选项卡。
  7. 单击选择图片...。
  8. 查找并突出显示所需的背景图像。
  9. 单击插入。10.现在单击确定。

在 Outlook 2000、Outlook 2002 和 Outlook 2003 中为邮件添加背景图像 要在 Outlook 中为邮件添加背景图像(前提是您不使用 Word 编辑电子邮件):

  1. 开始使用 HTML 格式撰写新电子邮件。
  2. 单击邮件正文。
  3. 选择格式 | 背景 | 图片...来自菜单。
  4. 使用文件选择对话框从磁盘中选择图像。
  5. 单击确定。

http://email.about.com/od/outlooktips/qt/How_to_Add_a_Background_Image_to_a_Message_in_Outlook.htm

于 2013-07-26T19:13:46.407 回答