Фон кнопки в веб-клиенте Outlook не отображается — разработка электронной почты в формате HTML

#html #email #html-email

#HTML #Адрес электронной почты #html-электронная почта

Вопрос:

У меня проблема с моей кнопкой в веб-клиенте Outlook. Он работает на большинстве других клиентов, которые я пробовал, даже на Outlook, а не на веб-версии. Я даже использовал пуленепробиваемую кнопку, и она по-прежнему не отображает этот цвет фона.

Есть ли какое-либо решение для этого или это невозможно сделать?

Моя кнопка:

 <div><!--[if mso]>
  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="10%" strokecolor="#fa2951" fillcolor="#f52432">
    <w:anchorlock/>
    <center style="color:#ffffff;font-family:sans-serif;font-size:13px;font-weight:bold;">Show me the button!</center>
  </v:roundrect>
<![endif]--><a href="http://testing"
style="background-color:#f52432;border:1px solid #fa2951;border-radius:4px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;mso-hide:all;">Show me the button!</a></div>
 

Комментарии:

1. Я тестировал это в Office 365 amp; Outlook.com в Explorer, Firefox и Chrome — и все эти веб-клиенты работают хорошо. (И приложения Outlook, Android и iOS; и Outlook desktop) Дополнительная информация о вашем браузере? Скриншот?

Ответ №1:

Не уверен, но я думаю, это потому, что ваш URL неверен. Я только что потратил один час на борьбу с той же проблемой, а затем изменил свой href на случайный http://google.com и Outlook, наконец, напечатает кнопку.