Блог

Главная - Вопросы по программированию - Проблема со скрытием электронной почты в формате HTML только для macOS для Office 365 / Outlook 2016

Проблема со скрытием электронной почты в формате HTML только для macOS для Office 365 / Outlook 2016

#html #email #outlook #html-email

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

Вопрос:

Я успешно скрываю целевой контент на Outlook.com Office 365 для Windows и Outlook 2016 для Windows со следующим кодом:

 <style>
  [id="x_hide-outlook"]{
    display:none !important;
  }
</style>

<!--[if (gte mso 9)|(IE)]>
    <style type="text/css">
      #hide-outlook {
        display: none;
      }
    </style>
<![endif]-->

<div id="hide-outlook"><h1>HIDDEN IN OUTLOOK/OFFICE 365</h1></div>

Приведенный выше код не работает для скрытия содержимого электронной почты, в частности, для версий Office 365 и Outlook 2016 для macOS (работает в версиях Windows).

Кто-нибудь сталкивался с конкретной проблемой macOS с вышеуказанной логикой / любыми решениями?

Ответ №1:

macOS Outlook отображает электронные письма по-другому, однако есть другой способ настроить таргетинг на них. Благодаря работе Марка Роббинса я смог скрыть это для вас с помощью этого кода:

 <head>
    <style>
  [id="x_hide-outlook"]{
    display:none !important;
  }
    _:-webkit-full-screen, _::-webkit-full-page-media, _:future, :root .body:not(.Singleton) #hide-outlook {
    display:none !important;
}
</style>

<!--[if (gte mso 9)|(IE)]>
    <style type="text/css">
      #hide-outlook {
        display: none;
      }
    </style>
<![endif]-->
</head>
<body class="body">
<div id="hide-outlook"><h1>HIDDEN IN OUTLOOK/OFFICE 365</h1></div>
    
</body>

Обратите внимание на class="body" на <body> бирке — это необходимо.

Смотрите результаты лакмусовой бумажки здесь:https://litmus.com/checklist/emails/public/faeec7e