Как получить круглые изображения в html-письмах, работающих в Outlook с помощью VML?

Я пытаюсь заставить круглое изображение появляться в электронной почте HTML. Пока это работает во всех клиентах, кроме Outlook 2013 и Outlook 2016 (Windows 7).

Я нашел учебник по VML, в котором говорится, что это должно помочь:

<v:oval style="width:100;height:100">
<v:fill src="https://www.placebear.com/100/100.jpg" type="frame">
<v:/fill>
</v:oval>

Однако я попробовал это с условными комментариями

<!--[if !mso]><!-- -->
  <v:oval style="width:100;height:100">
    <v:fill src="https://www.placebear.com/100/100.jpg" type="frame">
    <v:/fill>
  </v:oval>
<!--<![endif]-->

и ничего не появилось.

У кого-нибудь есть рабочее решение? Border-radius делает свое дело для любого другого клиента, кроме Outlook, потому что, конечно...


html email outlook html-email vml
person user7711695    schedule 05.02.2018    source источник
comment
Код, который вы разместили, если все, кроме Outlook. Используйте код Gwesolo, чтобы отобразить его в Outlook. Вы можете использовать оба, один для Outlook и один для других.   -  person Syfer    schedule 06.02.2018

Ответы (1)


arrow_upward
2
arrow_downward

Я бы предложил изменить ваши условия Outlook на это.

<!--[if (gte mso 9)|(IE)]>

<![endif]-->

В настоящее время вы скрываете его от Outlook. Если VML окажется слишком хлопотным, я бы порекомендовал использовать округлый ресурс изображения на прозрачном фоне.

person WesSolo    schedule 05.02.2018