题
我使用CSS在我的电子邮件并送了出来。
当我在Gmail收到的电子邮件中,所有的CSS被禁用;然而,当我在雷鸟或前景中检索到的电子邮件,一切正常。
我将如何解决这个问题?
解决方案
Gmail不完全阻断CSS。它还支持内嵌样式。为什么犯规它支持样式块,我不知道。为了对CSS的支持在不同的网络邮箱和邮件客户一个很好的概述,这里是一个很好的一个。 http://www.campaignmonitor.com/css/
其他提示
样式表是被经常阻止网络邮件提供商许多,许多HTML特征中的一个。
HTML邮件伤害的世界,它不会得到任何好转 - 事实上,你可以期待它的变得更糟。几乎HTML的每一个功能在的一些的邮件或网络邮件服务的支持。什么都现代化是绝对的损失。当然还有纯文本的客户。
除非你有无尽的业余时间烧uglying你的代码和测试每一个最后的邮件,请忘记HTML邮件即可。只需发送文本邮件的链接到一个正常的网页,你可以肯定的预期一切都将正常工作。
我回答为时已晚,但是这可能会帮助这里有人。为了能够查看你的邮件,因为它是在Gmail和其他电子邮件客户端,你需要在你的HTML每个标签内嵌式的,但写行内CSS的每个HTML标签是费时,节省您的时间可以使用内建的工具
http://templates.mailchimp.com/resources/inline-css/
只要贴上你的整个邮件模板,你会得到在每个标签内联CSS的HTML文档。那么多容易:)
请注意:你可以有你的class和id类,因为它是。
如果你可以嵌入样式class和id在一封电子邮件中,那些可能会意外地与使用Gmail的显示应用程序,或故意被人恶意意图的风格碰撞。在线样式是本地的标签,并且为此单独离开的Gmail样式。
谷歌有保护用户体验,它为人们创造。
信息的另一个好的来源是 MailChimp电子邮件模板参考。我发现开发部分特别有用,因为它包含什么CSS Gmail也支持,以及如何利用它的信息。
我刚才一直在测试这一点,它支持内嵌样式,使代码有点难看,但你可以避开这一切。
希望有所帮助。
如果您在使用Ruby on Rails和的ActionMailer你可以使用宝石的ActionMailer内联CSS 。所有你需要做的是安装的宝石,它会自动内联所有的CSS在您的邮件模板。它的字面可能不容易。
<style type="text/css"></style>
标记为我工作,我也有我的地方所有的CSS是行不通的,因为我错过了;
问题
这是一个繁琐的过程,但我终于找到了。
Gmail的块中的所有外部(参照)的资产 - 样式表,图像,脚本等,这是为了保护受者的隐私。您仍然可以包括内嵌样式:
<span style="color:red;">Red text</span>