2017-01-08 33 views
-1

HTML Emailerを作成しています。HTML Emailer:メールから背景画像が正しく表示されない

ブラウザでメールをクリックすると、背景が正しく表示されません。

<table> 
 
<tr> 
 
     <td align="middle" style="background-image: url(http://i.imgur.com/ixr4wNC.jpg); background-size: cover; height: 740px; "> 
 
      <table cellspacing="0" cellpadding="0" border="0" style=" margin: 0 auto !important; padding: 0px; width:600px !important; line-height: 100% !important; border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" > 
 
       <tbody> 
 
       <tr> 
 
        <td valign="top" align="center"> 
 
         <table cellspacing="0" cellpadding="0" border="0" style="width: 100%; border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; font-family: SansSerif; "> 
 
          <tbody> 
 
          <tr> 
 
           <td style="height: 450px; visibility: hidden;">text</td> 
 
          </tr> 
 
           <tr> 
 
            <td style="padding-top: 10px; font-size: 12px; padding-left: 20px;"> 
 
             
 
            </td> 
 
           </tr> 
 
          </tbody> 
 
         </table> 
 
        </td> 
 
       </tr> 
 
       </tbody> 
 
      </table> 
 
     </td> 
 
    </tr> 
 

 
</table>

+0

URLへのリモートコールではなく、バックグラウンドイメージを電子メールに添付する方が良いでしょう。電子メールエージェントは、同じ量のデータを読み込む必要があります。 – Martin

+0

また、 'background-size:cover/contains'プロパティはメールエージェントの間では標準ではないと思われます.... – Martin

+0

実際にはクリック可能な3つのコンテンツがあります。しかし、私は背景画像の問題に直面しています。リンクは動的でなければなりません。だからこそ –

答えて

1

それは省略形として含まれていなければならないか、それが取り除かれるので、どうやらGoogleのパーサは、スタンドアロンbackground-size宣言を好きではありません。

background: url('image.gif') no-repeat center center/100%; 
+0

が動作していません。画像が正しく表示されていません。 –

+0

何も役に立たないと言います。それについて不適切なのは何ですか? –

+0

あなたはチームバイヤーに来ることができますか?私はあなたに結果を示すことができます。 –

関連する問題