css – Chrome中的文字阴影 – Gmail失败了?

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

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

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

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

图片在这里:Picture

这是使用的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>

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

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

请参阅以下内容:

> Campaign Monitor – Guide to css support in e-mail clients
> Sitepoint – How to code HTML newsletters
> Campaign Monitor – Email design guidlines

相关文章
相关标签/搜索