我正在尝试制作时事通讯，其中有一些图像作为背景和文字。这很容易，但我需要继续进行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。任何帮助，将不胜感激。
3 回答
拉风的咖菲猫
TA贡献1995条经验 获得超2个赞
后台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>
- 3 回答
- 0 关注
- 690 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消