ヤフーのメールで背景画像を設定する問題

私はbackground image in email templatesと設定しました。 Gmailにメールを送信したときにメールがyahooに送信されたときにうまく動作します。背景画像を表示しません。ヤフーのメールで背景画像を設定する問題

yahooメールで画像を表示するための特定の設定。

私の電子メールテンプレートの下にあります。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 
<html lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
</head> 
<body style="background: url(http://domain.com/images/abc.jpg) top; background-size:cover;"> 
    <div class="abc"> 
     <p>Hello,</p> 
     <p></p> 
     <p>Welcome</p> 
     <p>Thanks</p> 
    </div> 
</body> 
</html>

誰でもそれを経験しています。

出典

2017-02-25 user1780370

スタイルアトリビュートには、エスケープまたはシングルクォートに変更する必要がある引用符があります。

style="background: url('http://domain.com/images/abc.jpg') top; background-size:cover;"

出典

2017-02-25 06:41:42

おお...ない申し訳ありません...私はコピーをミス...何の引用符の問題はありません。 – user1780370

HTMLに背景画像を追加する方法はたくさんあります。すべての電子メールクライアント（Outlookでも）の背景イメージをコーディングすると、私のコードでは多くのフォールバックが発生していました。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 
<html lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
</head> 
<body background="http://domain.com/images/abc.jpg" style="background: url('http://domain.com/images/abc.jpg') top; background-image:url('http://domain.com/images/abc.jpg');"> 
    <div class="abc"> 
     <p>Hello,</p> 
     <p></p> 
     <p>Welcome</p> 
     <p>Thanks</p> 
    </div> 
</body> 
</html>

あなたが探していたものは、背景画像でした。

乾杯

出典

2017-02-25 08:02:25 Syfer

申し訳ありません。働いていない。 yahooが背景画像を削除した理由はわかりません。 – user1780370

'background-size：cover;'を削除して、それが何かをしているかどうか確認してください。 – Syfer

私はsolutionを得ました。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 
<html lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
</head> 
<body> 
    <div class="abc" style="background-image: url(http://domain.com/images/abc.jpg); background-size:cover;"> 
     <p>Hello,</p> 
     <p></p> 
     <p>Welcome</p> 
     <p>Thanks</p> 
    </div> 
</body> 
</html>

私はgmail and yahooで完璧な電子メールを受け取りました。

誰が問題を整理しようとしたのですか。

出典

2017-02-25 10:13:43 user1780370

現在、Yahoo と Outlook、Gmailにも設定できます。絶対イメージパスを必ず追加してください。 Outlook 2016でテストしましたが、以前のバージョンについては説明できません。

は、ここに例を示します

<div style="width: 300px; 
height: 42px; 
background: url('ribbon.png') no-repeat transparent; 
margin: 0 auto;"> 
    <!--[if gte mso 9]> 
    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:300px;height:42px;"> 
     <v:fill type="tile" src="ribbon.png" color="#7bceeb" /> 
     <v:textbox inset="0,0,0,0"> 
    <![endif]--> 
    <div> 
     Some text for the div, that has BG behind it. 
    </div> 
    <!--[if gte mso 9]> 
    </v:textbox> 
    </v:rect> 
    <![endif]--> 
</div>

出典

2017-09-28 09:42:21

ヤフーのメールで背景画像を設定する問題

答えて

関連する問題