2016-01-07 23 views
0

我为客户端创建了一个eDM,只希望它从Outlook桌面客户端发出。我有一些与CSS的问题,或者更确切地说,我不知道错误是什么。当我在网络浏览器中打开eDM时,一切正常,甚至在Outlook客户端中插入代码,但是当我收到eDM本身时,CSS布局稍有变化。如何解决Outlook客户端CSS布局更改属性?

下面的图片是我的归档,并与网页浏览器中打开 enter image description here

此图显示的结果后,我发送和接收

enter image description here

正如你可以看到不同的是,行距有 我该如何解决这个错误?这是我的代码。我使用的是Outlook 2013和感谢

<table class="content" style="text-align: left; border-collapse:collapse;" width="240" cellpadding="0" cellspacing="0"> 
          <tr class="grad" style="display:block;"> 
           <td background="http://i1042.photobucket.com/albums/b423/Zayle_Ong/Whats%20new_zpsocpwuf08.png" height="36" valign="top" style="background-repeat: no-repeat; overflow:hidden;width:242px;display:block;"> 
            <!--[if gte mso 9]> 
            <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:240px;height:36px;background-color:white;background-repeat: no-repeat;"> 
             <v:fill type="frame" src="http://i1042.photobucket.com/albums/b423/Zayle_Ong/Whats%20new_zpsocpwuf08.png" color="#E7E7E9" border="0" /> 
             <v:textbox inset="0,0,0,0"> 
            <![endif]--> 

            <table style="color: white; font-size: 15px; display:block; Margin-left:12px;" cellpadding="0" cellspacing="0"> 
             <tr> 
              <td width="0" height="4" style="line-height:1px;font-size:1px;"> 
               <font style="font-size:1px;display:none !important;display:none;">&nbsp;</font> 
              </td> 
             </tr> 
             <tr> 
              <td>What's New</td> 
             </tr> 
            </table> 
            <!--[if gte mso 9]> 
             </v:textbox> 
            </v:rect> 
            <![endif]--> 
           </td> 
          </tr> 

回答

0

可悲的是俺们这是Outlook客户端的邮件不支持背景图片,而且只支持最基本的HTML的CSS代码。通过说使用内联样式。

在图像上具有可编辑文本的解决方案是设置纯色背景颜色。