【问题标题】:MacOS only issue hiding HTML email for Office 365 / Outlook 2016MacOS 仅问题隐藏 Office 365 / Outlook 2016 的 HTML 电子邮件
【发布时间】:2020-09-10 17:35:25
【问题描述】:

我使用以下代码成功地隐藏了 Outlook.com、Office 365 for Windows 和 Outlook 2016 for 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>

上述代码不适用于隐藏 macOS 版本的 Office 365 和 Outlook 2016 的电子邮件内容(适用于 Windows 版本)。

有没有人遇到上述逻辑/任何解决方案的 macOS 特定问题?

【问题讨论】:

    标签: html email outlook html-email


    【解决方案1】:

    macOS Outlook 以不同的方式呈现电子邮件,但是,还有另一种定位方式。感谢Mark Robbins' work,我可以通过以下代码为您隐藏它:

    <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>
    

    注意&lt;body&gt; 标签上的class="body" - 这是必要的。

    在此处查看石蕊样本结果:https://litmus.com/checklist/emails/public/faeec7e

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-11-10
      • 2016-02-04
      相关资源
      最近更新 更多