Chrome中的文字阴影 - Gmail失败了？

Question

所以,我有一个网页使用CSS"text-shadow"来实现效果.

如果我浏览Chrome中的网页,文字阴影效果就像我预期的那样.

但是,如果我向我的Gmail帐户发送HTML电子邮件并查看Gmail内部的页面(使用相同的浏览器),文本阴影效果就会消失.

看到链接的图片.左边的部分是在浏览页面时,右边的部分是在gmail中发送给自己时的相同html内容.如您所见,阴影效果消失了.

图片在这里: 图片

这是使用的CSS:

    <style type="text/css">
        p { padding: 0; margin: 0; }
        h1, h2, h3, p, li { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
        td { vertical-align:top;}
        ul, ol { margin: 0; padding: 0;}
        .title, .date {
            text-shadow: #8aa3c6 0px 1px 0px;
        }

        .textshadow {
            text-shadow: #ffffff 0px 1px 0px;
        }
        .trxtshadow-2 {
            text-shadow: #768296 0px -1px 0px;
        }
    </style>

听起来很奇怪.有任何想法吗？

Answer 1

GMail不支持<style>电子邮件中的阻止.您必须在大多数HTML邮件中使用内联样式才能获得最大的兼容性.是的,这很难看.但这是当前的现实.

请参阅以下内容:

• Campaign Monitor - 电子邮件客户端中的CSS支持指南
• Sitepoint - 如何编写HTML简报的代码
• Campaign Monitor - 电子邮件设计指南