类和任何您想要的样式添
首先,您需要将图像加<style>到<head>. 然后,您将在两个 MSO 条件标记之间声明图像类和源,说明如果电子邮件客户端不是 Outlook,则显示小山羊 通过上述代码,大多数收件人将能够欣赏动画 GIF 格式的一些踩踏的小山羊,而 Outlook 用户则可以体验 GIF 中途拍摄的仍然非常可爱的静态图像。 7. 交互式电子邮件后备 如果您在电子邮件中使用交互元素,您将需要为不支持这些功能的客户端提供后备方案。交互元素的示例包括悬停动画、横向滚动图 WhatsApp号码数据 像和图像轮播。 对于电子邮件客户端支持不稳定的悬停动画,您只需确保您的第一张图像是您想要显示为静态图像的图像即可。不支持悬停伪类的电子邮件客户端将简单地忽略它。但对于横向滚动图像,请在<style>电子邮件的部分中添加后备类<head>,并在表中声明后备类。请参阅横向滚动图像和后备的完整代码。 如果您想为电子邮件创建图像轮播,它在 Apple Mail 中可能看起来很棒,但在 Gmail、Yahoo! 邮件和 Outlook 都将呈现单个静态图像。
https://americaemail.me/wp-content/uploads/2023/12/WhatsApp-%E5%8F%B7%E7%A0%81%E6%95%B0%E6%8D%AE-300x169.jpg
根据您对轮播的编码方式,您可能只会得到一个空的且格式奇怪的框。提供您自己的静态图像后备将有助于确保您的电子邮件在不支持图像轮播的客户端中良好显示。 想要获得正确的图像轮播和后备内容吗?查看这个有用的教程,为电子邮件创建动画图像轮播。 8. 在电子邮件模板中使用条件代码 在电子邮件模板中使用 MSO 条件注释和条件 CSS 是一个很好的实践。在起草电子邮件营销活动时,它将节省您的时间和设计麻烦,并确保您不会忘记包含每个主要电子邮件客户端和设备类型的显示选项。
頁:
[1]