2016-12-29 93 views
3

我試圖將背景圖像添加到Firebase應用邀請的電子郵件HTML內容中,但是當我預覽電子郵件時,如果顯示的活動是從Google通訊錄中選擇,則圖像不是在預覽中加載並且收件人正在接收電子郵件,但沒有圖像。但是當我使用免費測試服務(如putsmail)發送測試HTML電子郵件時,它可以正常工作,即收件人的電子郵件具有所需的圖像。Firebase應用中的圖像邀請電子郵件HTML內容

這是我的HTML字符串:

<string name="invitation_email_html_content"> 
<![CDATA[ 
<html> 
    <body> 
     <table background="https://static.pexels.com/photos/279734/pexels-photo-279734.jpeg" width="100%" height="400"> 
     <tr> 
     <td> 
      <div> 
       <a href="#" style="color:#fff;width:163px;padding-top:10px;padding-bottom:10px;padding-right:0px;padding-left:0px;text-decoration:none;font-size:1.3em;margin-top:15px;margin-bottom:15px;margin-right:15px;margin-left:0;background-color:#ef4437;background-image:none;background-repeat:repeat;border-style:solid;border-width:1px;border-color:#ef4437;" > 
       Donwload apps 
       </a> 
       <a href="#" style="color:#fff;width:163px;padding-top:10px;padding-bottom:10px;padding-right:0px;padding-left:0px;text-decoration:none;font-size:1.3em;margin-top:15px;margin-bottom:15px;margin-right:0;margin-left:0;background-image:none;background-repeat:repeat;border-width:1px;border-style:solid;border-color:#fff;" > 
       Visit website 
       </a> 
      </div> 
</body> 
</html>]]> 
+0

Rishab Jaiswal,你解決了嗎?你能分享你的解決方案嗎? – Barakuda

+1

Hi @Barakuda,我已經提交了我對這個問題的回答。請看一看。 –

回答

2

解決:(Gmail的,等)不同的電子郵件客戶端不同的方式處理電子郵件CSS。這裏有一個Campaignmontor的鏈接,告訴哪些電子郵件客戶端支持什麼CSS屬性。 Guide to email CSS

因此,我不使用背景屬性,而是使用標籤在電子郵件HTML中顯示圖像。

上面的這份共享指南對於實現電子郵件HTML非常有用。

相關問題