Outlook HTML电子邮件中的前置文本_Outlook_Html Email

Outlook HTML电子邮件中的前置文本

outlook

Outlook HTML电子邮件中的前置文本,outlook,html-email,Outlook,Html Email,我已经在我的HTML模板中添加了preheader文本，它工作正常，但是当有人从outlook转发时事通讯时，这些文本显示在顶部。但Gmail中并没有出现这种情况 <style> .preheader { display:none !important; visibility:hidden; opacity:0; color:transparent; height:0; width:0; } </style> </head> <body>

我已经在我的HTML模板中添加了preheader文本，它工作正常，但是当有人从outlook转发时事通讯时，这些文本显示在顶部。但Gmail中并没有出现这种情况

<style>
.preheader { 
display:none !important; 
visibility:hidden; 
opacity:0; 
color:transparent; height:0; width:0; }
</style>
</head>
<body>
<span class="preheader" style="display: none !important; visibility: hidden; 
opacity: 0; color: transparent; height: 0; width: 0;">
We are offering a six-week Indonesian language course for adult learners.
</span>


.preheader{
显示：无！重要；
可见性：隐藏；
不透明度：0；
颜色：透明；高度：0；宽度：0；}
我们为成人学习者提供为期六周的印尼语课程。

谢谢

当某人转发时事通讯时的屏幕截图

为了获得跨环境的最佳结果，最好将CSS内联。我总是用这个来做预热器

<div style="display:none; font-size:1px; color:#e5e5e5; line-height:1px; font-family:Verdana, Helvetica, sans-serif; max-height:0px; max-width:0px; opacity:0; overflow:hidden; mso-hide:all;">
PREHEADER TEXT HERE
</div>


这里是预读文本

我想MailChimp肯定在这个愚蠢的问题上投入了很多精力。它们使用：

<!--[if !gte mso 9]>
<span style="display:none; 
             font-size:0px; 
             line-height:0px; 
             max-height:0px; 
             max-width:0px; 
             opacity:0; 
             overflow:hidden; 
             visibility:hidden; 
             mso-hide:all;">YOUR MESSAGE</span>
<!--<![endif]-->

我尝试了前面的答案，但在转发时，电子邮件仍然显示了很小的文本。我最终使文本与背景颜色相同，这就是最终对我起作用的原因

可能重复的