HTML电子邮件中的前标题文本
HTML电子邮件中的前标题文本
提问于 2017-08-22 09:51:38
我已经在我的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>谢谢!
当有人转发时事通讯时的屏幕截图
回答 3
Stack Overflow用户
发布于 2017-08-22 16:29:05
为了获得跨环境的最佳结果，最好是内联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>Stack Overflow用户
发布于 2018-07-07 05:55:19
我认为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]-->Stack Overflow用户
发布于 2018-12-21 20:40:03
我尝试了之前的答案，但在转发时，电子邮件仍然显示很小的文本。我最终将文本设置为与背景相同的颜色，这最终对我起到了作用。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45807788
复制相关文章
相似问题