【问题标题】:HTML emails - hiding content in Outlook.com accountsHTML 电子邮件 - 在 Outlook.com 帐户中隐藏内容
【发布时间】:2014-03-12 14:48:00
【问题描述】:

我使用以下条件语句在 Outlook 中隐藏响应式 HTML 电子邮件的内容,

<!--[if !gte mso 9]><!-- -->
<!--<![endif]-->

但是,我现在正在测试,它确实适用于 Outlook 应用程序,但 Outlook.com 隐藏了此代码之后的所有内容。我用它来隐藏正文内容开头的前标题,但这导致了一封空白的电子邮件。我正在使用我自己的 outlook.com 帐户和 Litmus 进行测试,它在所有主要浏览器中都显示空白电子邮件。

有谁知道在不破坏 Outlook.com 电子邮件的情况下隐藏 Outlook 内容的另一种技术?

经过更多测试,我发现这适用于 Outlook 应用和 Outlook.com:

<!--[if !mso 9]><!-->
<!--<![endif]-->

我不知道它是否是“gte”部分,但删除后看起来效果更好。

感谢您的回复。

【问题讨论】:

  • 我们可以知道您要隐藏什么以及为什么吗?
  • 我用它来隐藏正文内容开头的 pre header。但对于仅限移动设备隐藏内容也是如此。

标签: html responsive-design outlook html-email outlook.com


【解决方案1】:

outlook.com 吃掉评论中的任何内容,无论是否有条件。

最好的办法是复制隐藏在 Outlook '07 中的部分并将其粘贴到条件注释末尾下方。然后给粘贴部分的主容器/表一个class="outlookcomonly" 和一个style="display:none"。在您的样式标签中:

.ecxoutlookcomonly { display:block !important; }

Outlook.com 会预处理您的分类项目,在每个项目前添加“ecx”。如果您将该 ecx 添加到您的样式表中,outlook.com 会看到它,但所有其他客户端都会忽略它。

【讨论】:

    猜你喜欢
    • 2017-12-29
    • 2017-01-24
    • 1970-01-01
    • 1970-01-01
    • 2012-04-11
    • 2013-11-07
    • 1970-01-01
    • 2020-12-31
    • 2013-09-22
    相关资源
    最近更新 更多