テキストを使わずに完全な背景イメージの電子メールを作成する方法は？

バックグラウンドをテキストなしで電子メールで全幅表示する方法を知りたいです。私はあなたが見ることができるテキストとその実際の次元がなくてもそれを表示させる方法を知りません。フッターのようにテキストを下にして、結果をこれに似せてください。誰かがこれを行う方法を知っていますか？画像スタイルにテキストを使わずに完全な背景イメージの電子メールを作成する方法は？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns:v="urn:schemas-microsoft-com:vml"> 
 

 
<head> 
 
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
 
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" /> 
 
    <title></title> 
 
</head> 
 

 
<body> 
 
    <title></title> 
 

 
    <div class="email-background" style="padding:10px;background:white;"> 
 
    <div class="pre-header" style="background:white;font-size:5px;color:white;text-align:left;max-width:500px;"> 
 
    </div> 
 
    <!--BODY--> 
 
    <div class="email-container" style="background:white;font-family:Varela Round,arial, sans-serif;color:#03165c;margin:0 auto;max-width:100%;"> 
 
     <table class="contenu" width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="white"> 
 
     <tr> 
 
      <td height="1" style="font-size:1;line-height:1;background:#374b94;">&#160;</td> 
 
     </tr> 
 
     <tr> 
 
      <td valign="top" bgcolor="#374b94" background="https://image.noelshack.com/fichiers/2017/51/4/1513863465-carte2.png" style="background-repeat:no-repeat;background-size:contain;background-position: center; "> 
 
      <!--[if !gte mso 9]><!----> 
 
      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false"> 
 
       <v:fill type="tile" src="https://image.noelshack.com/fichiers/2017/51/4/1513863465-carte2.png" color="#374b94"> 
 
       <v:textbox inset="0,0,0,0"> 
 
        <!--<![endif]--> 
 
        <tr> 
 
        <td> 
 
         <p align="left" style="font-family:Varela Round,arial, sans-serif;color:#c6c9dc;font-size:10px;"> 
 
         Si vous ne souhaitez plus recevoir d'email cliquez <a class="unsubscribe" href="mailto:[email protected]?subject=Désinscription&body=Je%20souhaite%20ne%20plus%20recevoir%20de%20mail%20de%20votre%20part" style="color:#c6c9dc;text-decoration:underline #c6c9dc;">ici</a> 
 

 
         </p> 
 

 
        </td> 
 

 
        </tr> 
 
        <!--[if !gte mso 9]><!----> 
 
       </v:textbox> 
 
      </v:rect> 
 
      <!--<![endif]--> 
 
      </td> 
 

 
     </tr> 
 
     </table> 
 
    </div> 
 
    <!--/BODY--> 
 
    </div> 
 
</body> 
 

 
</html>

出典

2017-12-21 Krystel_T

- あなたはそれを点検height.Ifあなたはそれが唯一の幅を持っていることを見ることができます追加します。

background-repeat:no-repeat; 
    background-size:contain; 
    background-position: center; 
    height: 500px; 

    /** or padding: some value **/ 
    padding-bottom: 40%;

出典

2017-12-21 15:18:49

イメージスタイルにもパディングボトムがあるはずですか？ –

- >そのようなもので、画像を見ることができます –

テキストを使わずに完全な背景イメージの電子メールを作成する方法は？

答えて

関連する問題