HTML电子邮件中的罢工

时间:2011-12-08 23:59:21

标签: html email

我目前正在编写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结果告诉我问题绝对不仅限于这三个。

知道为什么会这样吗?有没有更可靠的替代方案,我可以使用而无需借助图像?

5 个答案:

答案 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并采用图像,如果它;那很重要。否则,请撰写一份对您来说意义最大的邮件客户端列表并使其正常运行,但是您可以为所有这些邮件客户端工作而忘记其余的邮件客户端。