HTML电子邮件 - 隐藏Outlook.com帐户中的内容

时间:2014-03-12 14:48:00

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

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

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

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

任何人都知道在不破坏Outlook.com电子邮件的情况下隐藏Outlook内容的另一种方法吗?

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

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

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

感谢您的回复。

1 个答案:

答案 0 :(得分:1)

outlook.com在评论中吃任何东西,无论是否有条件。

您最好的选择是复制隐藏在outlook '07中的部分并将其粘贴到条件评论结尾之下。然后为粘贴的部分的主容器/表格提供class="outlookcomonly"style="display:none"。在你的风格标签中:

.ecxoutlookcomonly { display:block !important; }

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