我目前正在编写HTML电子邮件,使用MailChimp对其进行测试,并最终发送。
该电子邮件会宣传几个销售,这些销售使用HTML strike
标记显示。出于某种原因,这些strike
标记未通过完成的测试电子邮件。
MailChimp中显示的代码:
<strike>$12.95</strike> SALE! $9.95
使用Chrome网络工具检索测试电子邮件中的代码:
$12.95 SALE! $9.95
我个人已经验证过这种情况发生在Gmail,Outlook 2007和Yahoo!邮件。仔细阅读我的MailChimp Inbox Inspector结果告诉我问题绝对不仅限于这三个。
知道为什么会这样吗?有没有更可靠的替代方案,我可以使用而无需借助图像?
答案 0 :(得分:16)
text-decoration:line-through
的内联风格是您的最佳选择,似乎是widely supported。该页面上的PDF为更多客户提供了更大的结果集。
此外,可能值得尝试fractal,因为他们声称能够优化和验证HTML电子邮件。我自己没有用过它。需要注意的是,您需要注册该服务。
答案 1 :(得分:4)
你可以试试css属性text-decoration: line-through;
- 可能会被更广泛接受......
答案 2 :(得分:4)
尝试:
<span style='text-decoration: line-through;'>12.95</span> SALE $9.95
答案 3 :(得分:4)
这些是为文本着色并通过文本进行着色的样式:
<span style="color:red; text-decoration:line-through;">
<span style="color:black;">black with red strikethrough</span>
</span>
答案 4 :(得分:3)
有可能将您的样式从电子邮件中删除,您可以在每个元素上尝试内联样式。
<span style="text-decoration: line-through;">$12.95</span>
但在这种情况下要记住的事情是,html简报很挑剔,并且无法在所有邮件客户端中进行可靠的样式设置。这就是为什么建议完全依赖于没有背景图像或现代css的旧式表格html的原因。 虽然您可以添加样式并且可能会让它们避免被剥离,但仍然无法保证每个客户端都能保证。
我的建议是去所有原始的表格html并采用图像,如果它;那很重要。否则,请撰写一份对您来说意义最大的邮件客户端列表并使其正常运行,但是您可以为所有这些邮件客户端工作而忘记其余的邮件客户端。