2016-12-29 9 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

こんにちは@バラクーダ、私は質問に私の答えを提出した。見てください。 –

答えて

2

:(Gmailの、など)を別の電子メールクライアントは異なるメールのCSSを扱います。ここにCampaignmontorのリンクがあります。このリンクは、どの電子メールクライアントがどのCSSプロパティをサポートしているかを示しています。 Guide to email CSS

バックグラウンドプロパティを使用する代わりに、タグを使用して電子メールHTMLでイメージを表示しました。

上記の共有ガイドは、メールHTMLを実装するのに非常に役立ちました。

関連する問題