如何在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。
<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。
任何帮助，将不胜感激。
波斯汪浏览 691回答 3
3回答
-
拉风的咖菲猫
后台DOES在Outlook中有效，但仅在<body>电子邮件标签中有效。它不适用于个人<td>，仅适用于整个电子邮件。更新：或者，您可以使用VML方法，该方法允许您将背景图像添加到Outlook中的单个页面元素。这适用于大多数客户端，包括Outlook：<body style="background-image: url('img.jpg');"><table width="100%" background="img.jpg">这是适用于所有主要电子邮件客户端（包括Outlook）的完整代码。它在100％宽度的表格中将背景图像设置为具有背景回退。<!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-image: url('http://lorempixel.com/output/food-q-c-100-100-7.jpg'); background-color: #0D679C; background-position: top center;" bgcolor="#0D679C"> <!-- BODY FAKE PANEL --> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" background="http://lorempixel.com/output/food-q-c-100-100-7.jpg"> <tr> <td> <!-- CENTER FLOAT --> <table width="800" border="0" valign="top" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td height="1000" align="center" valign="middle"> Center panel </td> </tr> </table> <!-- /CENTER FLOAT --> </td> </tr> </table> <!-- /BODY FAKE PANEL --> </body></html>
随时随地看视频慕课网APP
Html/CSS