使用MSO 9条件隐藏Outlook的移动内容

时间:2017-05-24 18:06:26

标签: html email outlook

我正在构建一个电子邮件模板,并且遇到了我想在桌面上隐藏'td'的情况。我能够使用媒体查询和“显示”来实现它:除了Outlook 2007/10/13/16之外几乎所有电子邮件客户端都没有“。”

我的'td'看起来像这样。

                        <td style="display:none;" class="show" >
                <table border="0"cellpadding="0"cellspacing="0"width="100%">
                    <tr>
                        <td style="usual styling">
                            <font>some text</font>
                        </td>                  
                    </tr>
                    </table>
                    </td>

并且显示类就像:

            /* Responsive */ 
        @media only screen and (max-width: 450px) {
            .show {display:inline !important;}
            }

我在不同的论坛中读到如果使用mso 9条件,你可以保留部分HTML隐藏在Outlook中。所以我尝试了类似的东西:

 <!--[if !mso 9]><\!-->
<td style="display:none;" class="show" >
    <table border="0"cellpadding="0"cellspacing="0"width="100%">
        <tr>
            <td style="usual styling">
            <font>some text</font>
            </td>                  
        </tr>
    </table>
</td>
<!-- <![endif]-->

但Outlook 2007/10/13/16仍在其中显示此内容和内容。有人可以帮我弄清楚如何实现这一目标吗?

1 个答案:

答案 0 :(得分:0)

请改为尝试:

<!--[if (gte mso 9)|(IE)]>
<td style="display:none;" class="show" >
  <table border="0"cellpadding="0"cellspacing="0"width="100%">
    <tr>
      <td style="usual styling">
        <font>some texty</font>
      </td>                  
    </tr>
  </table>
</td>
<![endif]-->

以下是一些可以帮助您使用Outlook的其他信息。

Microsoft Outlook忽略@media查询。

在您的代码中,您有一个名为.show的类。如果要从Outlook隐藏类,请创建样式表,将其放在<head>正好位于其他<style>工作表的下方。这应该使它表现出来。

<!--[if (gte mso 9)|(IE)]>
  <style type="text/css">
    .show {display:none;}
  </style>
<![endif]-->
祝你好运。