HTML电子邮件中的预标题文本

KH2*_*301 1 outlook html-email

我在HTML模板中添加了预标题文本,并且工作正常,但是当有人从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>
Run Code Online (Sandbox Code Playgroud)

谢谢!

有人转发时事通讯的外观截图

在此处输入图片说明

小智 5

为了在整个环境中获得最佳结果,最好内联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>
Run Code Online (Sandbox Code Playgroud)