@smithana

Есть ли аналог background-size: cover в вёрстке e-mail писем для Outlook?

Outlook не поддерживает css свойства background-image. Ему нужно писать свои заклинания, точнее не его, а вордовские.
Картинка стала отображаться, но она не растягивается на всю длину.
Облазил кучу забугорных сайтов, но решения именно это проблемы не нашёл. Есть какое-нибудь заклинание? Или нужно просто картинку бэкграунда сделать огромной ширины?

Моя вёрстка:
<table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;width:100%;max-width:900px;">
	<tbody>
		<tr>
			<td background="some_url_to_img.jpg" style="background-size:100% 100%;background-position:50% 50%;background-repeat: no-repeat;" bgcolor="#d0d0d0" valign="top">
				<!--[if gte mso 9]>
                <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:295px;">
                <v:fill type="tile" src="some_url_to_img.jpg" color="#d0d0d0" />
                <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
                <![endif]-->
                <div>
                	<table>
                		<tr>
                			<td style="padding:50px 70px 25px;">
                				<p style="color:#282828;font-family:Helvetica,sans-serif;border-bottom: 2px solid #4295d1;font-weight:300;margin-top:0;margin-bottom:30px;padding-bottom:25px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel voluptas, accusantium blanditiis libero error veniam quam, odio ratione sequi dolor nisi, earum dicta quia quod, deleniti voluptatem laborum corporis cupiditate!</p>
                			</td>
                		</tr>
                	</table>
                </div>
                <!--[if gte mso 9]>
                </v:textbox>
                </v:rect>
                <![endif]-->
			</td>
		</tr>
	</tbody>
</table>


Спасибо
  • Вопрос задан
  • 1014 просмотров
Пригласить эксперта
Ответы на вопрос 1
KornevaViktoria
@KornevaViktoria
Frontend Developer
Пишут, что вроде как поддерживается
brandmonkey.ru/blog/e-mail-marketing/229-fonovye-i...

А так можно попробовать:
qaru.site/questions/32590/how-make-background-imag...
https://backgrounds.cm/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы