Email 发送带有背景图像的电子邮件
我尝试创建一封电子邮件,其中表格中的图像作为背景图像。我发现了一部分应该可以工作的代码。在大多数电子邮件客户端中,它确实有效,但在outlook 2010中,我看到的是图像,而不是文本。我能做些什么使它工作吗Email 发送带有背景图像的电子邮件,email,outlook,vml,Email,Outlook,Vml,我尝试创建一封电子邮件,其中表格中的图像作为背景图像。我发现了一部分应该可以工作的代码。在大多数电子邮件客户端中,它确实有效,但在outlook 2010中,我看到的是图像,而不是文本。我能做些什么使它工作吗 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HVAC Success Confirmation</title>
</head>
<body style="background-color: #999999; vertical-align: top;">
<table width="600" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tr>
<td style="width: 600px; height: 350px; background-image: url('http://epicreviewsdotorg.files.wordpress.com/2011/05/unicorn1.jpg');">
<!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" id="theImage" style='behavior: url(#default#VML); display: inline-block; position: absolute; width: 600px; height: 350px; top: 0; left: 0; border: 0; z-index: 1;' src="http://epicreviewsdotorg.files.wordpress.com/2011/05/unicorn1.jpg" />
<v:shape xmlns:v="urn:schemas-microsoft-com:vml" id="theText" style='behavior: url(#default#VML); display: inline-block; position: absolute; width: 600px; height: 350px; top: -5; left: -10; border: 0; z-index: 2;'>
<div>
<![endif]-->
<table width="600" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse;">
<tr>
<td height="350" align="center" valign="top" style="padding-top:80px">
<p>This table in here has a bunch of stuff I want to lay over the background image...</p>
</td>
</tr>
</table>
<!--[if gte mso 9]>
</div>
</v:shape>
<![endif]-->
</td>
</tr>
</table>
</body>
</html>
HVAC成功确认
这张桌子上有一堆我想放在背景图像上的东西…
我找到了多个类似于和的页面,但这并没有让我走得更远。我能够做到这一点的唯一方法是通过这个代码(TD表)。我在outlook client 2010中进行了测试。我还通过webmail客户端进行了测试,这两种方法都有效。 复制并粘贴此内容,您唯一需要做的就是更改您的_image.jpg(同一图像有两个实例,请确保更新代码)和#您的_颜色
<td bgcolor="#your_color" background="your_image.jpg">
<!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" id="theImage" style='behavior: url(#default#VML); display:inline-block; position:absolute; height:300px; width:600px; top:0; left:0; border:0; z-index:1;' src="your_image.jpg"/>
<v:shape xmlns:v="urn:schemas-microsoft-com:vml" id="theText" style='behavior: url(#default#VML); display:inline-block; position:absolute; height:300px; width:600px; top:-5; left:-10; border:0; z-index:2;'>
<![endif]-->
<p>Text over background image.</p>
<!--[if gte mso 9]>
</v:shape>
<![endif]-->
</td>
背景图像上的文本
一年前我问了这个问题,而另一个问题是从这个月开始的,你怎么能给我打上重复的标记?那他不是复制品吗?