我正在构建一个电子邮件模板,并且遇到了我想在桌面上隐藏'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仍在其中显示此内容和内容。有人可以帮我弄清楚如何实现这一目标吗?
答案 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]-->
祝你好运。