2012-04-05 35 views
0

当我包括在电子邮件中的HTML,图像会自动由Outlook下载:链接的图像不会在Outlook中下载2010

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body><div><p><br /></p></div><div style="border-style:solid;border-width:2px;border-color:rgb(0,0,0);background-color:rgb(255,232,0);width:302px;height:185px"><img style="position:relative;z-index:100;left:126px; top:39px;" src="https://s3.amazonaws.com/signoffmainbucket/8CA8EC1A-C1C5-4390-9FC4-649648AA26C8.jpg" alt="image"/><p style="opacity:1.00;color:rgb(0,0,0);position:relative;margin: -123px 0px 0px 18px;font-family: Helvetica, Helvetica;font-size:14px"><b>John</b></p><br /><br /><br /><br /><p style="opacity:1.00;color:rgb(0,0,0);position:relative;margin: 0px 0px 0px 18px;font-family: Helvetica, Helvetica;font-size:14px"><b>XYZ Company</b></p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div></body></html> 

然而,在下面的HTML相同的图像是不会自动由Outlook下载:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8" /> 
    <title>Render this</title> 
    <style type="text/css"> 
     div, p { 
      margin:0; 
      padding:0; 
      font-family: Helvetica; 
      font-size:14px; 
      color:#000; 
      font-weight:bold; 
     } 
     div.box { 
      padding:15px; 
      width:272px; 
      height:155px; 
      border:2px solid #000; 
      background-color:rgb(255,232,0); 
     } 
     div.box div.inner { 
      height:100%; 
      background:url("https://s3.amazonaws.com/signoffmainbucket/8CA8EC1A-C1C5-4390-9FC4-649648AA26C8.jpg") bottom right no-repeat; 
     } 
     p.name { 
      margin-bottom:65px; 
     } 
    </style> 
</head> 
<body> 
    <div class="box"> 
     <div class="inner"> 
      <p class="name">John</p> 
      <p>XYZ Company</p> 
     </div> 
    </div> 
</body> 
</html> 

为什么在第一个示例中下载图像,但不是第二个下载?

回答

0

这是因为创建HTML电子邮件。展望,自2007年以来,我相信,从使用Internet Explorer的渲染器切换到使用基于Word的HTML渲染器。这使得CSS支持非常有限。制作HTML电子邮件不失大脑的最大希望是使用表格来构建内容,并在元素上直接使用内联样式。是的,要使用HTML电子邮件覆盖最广泛的受众群体,您必须像1997年一样编码。

2

电子邮件客户端不提供完整的CSS支持。 These tables显示它是一场噩梦...据他们说,Outlook 2000-2003确实支持background-image,但它在Outlook 2007和2010中丢失。