Как создать повторяющееся изображение заголовка в HTML-письме?

У меня есть изображение, которое я хотел бы использовать в качестве горизонтально повторяющегося баннера с небелым цветом фона под эгидой HTML, который также масштабируется, чтобы соответствовать высоте. Хотя в настоящее время он повторяется, я не могу заставить изображение масштабироваться должным образом. Элемент header установлен в 100px, но изображение не изменяется и обрезается следующим элементом.Как создать повторяющееся изображение заголовка в HTML-письме?

HTML

<body style="margin: 0; padding: 0;" > 

    <!-- CONTAINER TABLE (HEADER) --> 
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style=" table-layout: fixed;"> 
    <tr> 
     <td align="center" bgcolor="#339969" style="padding: 0 0 0 0;"> 

     <!-- HIDDEN PREHEADER --> 
     <div style="display: none; font-size: 1px; color:#333333; line-height: 1px; font-family: Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all;"> 
      Some text. 
     </div> 
     <!-- WRAPPER TABLE --> 
     <table border="0" cellpadding="0" cellspacing="0" width="100%" class="wrapper"> 
      <!-- HEADER --> 
      <tr> 
      <td> 
       <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
       <tr> 

       <!-- HERE need to properly scale then repeat this image --> 
        <td align="left" 
         background="img/large_christmasbanner.png" 
         background-size="contain" 
         alt="Bappy Bolidays!" 
         width="100%" 
         height="100"> 
        </td> 

       </tr> 
       </table> 
      </td> 
      </tr> 
     </table> 
     </td> 
    </tr> 
    </table>

источник

2016-12-06 Kwhitejr

background-size="contain" не является допустимым атрибутом HTML. Используйте это вместо:

style="background-size: contain;"

источник

2016-12-06 03:23:29 dommmm

Perfecto! Спасибо за помощь. – Kwhitejr

Как создать повторяющееся изображение заголовка в HTML-письме?

ответ

Смежные вопросы