2010-12-06 68 views
2

我以編程方式向2人發送完整的HTML郵件... 1是Gmail用戶,另一個是使用Outlook的私人主機...郵件如下:Outlook 2010和Gmail中的HTML呈現

<html xmlns="http://www.w3.org/1999/xhtml\"> 
<body background="http://sa-tips-spint1:103/_layouts/images/corrente%20do%20bem/2010/cartao.jpg" BGCOLOR="#000000" style="background-position: center top; 
       margin-left: 0px; 
       margin-top: 0px; 
       margin-right: 0px; 
       margin-bottom: 0px;"> 
    <div align="center"> 
     <p>&nbsp;</p> 
    </div> 
    <p>&nbsp;</p> 
    <p>&nbsp;</p> 
    <p>&nbsp;</p> 
    <p>&nbsp;</p> 
    <table width="827" height="69" border="0" align="center" cellpadding="0" cellspacing="0"> 
     <tr> 
      <td width="504">&nbsp;</td> 
      <td width="323" valign="top"> 
       <p style="color:'#FFFF66';font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;">Ola,</p> 
       <p style="color:'#FFFF66';font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;"> MY HAPPY MESSAGE </p> 
      </td> 
     </tr> 
    </table> 
</body> 
</html> 

與Gmail的問題......是圖像不顯示和背景不適用,沒有那種CSS的應用......只留下了我幸福的MESSAGE ...

和與Outlook的問題是,如果我使用CSS ... CSS不能正確渲染...所有CSS除背景圖像...任何人都可以幫助我嗎?

回答

1

正如你所見,從這個Answer in SO。 Gmail默認會阻止圖片。作爲發件人您無法對此做任何事情。

+0

多數民衆贊成在一個非常奇怪的事情...因爲我使用Gmail ...我每天從codeproject通訊接收圖像... – Leonardo 2010-12-06 19:14:09

0

默認情況下,所有現代郵件閱讀器都會禁用圖像和其他外部參考。他們將保持禁用狀態,直到用戶啓用一條消息的圖像或告知讀者程序在從該帳戶接收時始終啓用圖像。如果你沒有必要,通常只是尊重這一點而不提供外部參考。

我知道的唯一方法就是如果你真的在電子郵件中嵌入圖像。換句話說,整個消息變得自我包含。另外,大多數電子郵件應用程序(特別是基於Web的應用程序)都會去掉HTML,HEAD和BODY標籤。如果你仔細想想,你會明白爲什麼。如果您確實需要背景圖片,請將該圖片移動到正文內部的div上。像<body><div style="...">CONTENT</div></body>

最後一個注意事項是因爲這些外層標籤已被移除,所以您應該將任何CSS類移動到BODY標籤之下。

最重要的是,你必須打破許多標準化規則才能使HTML電子郵件正常工作。最後,你可能會讀到Ros Hodgekiss的this link。這是一篇相對較新的文章,討論gmail和outlook 07/10;我沒有自己測試過,但聽起來很好研究。