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

所以，我有一个使用CSS“文字 - 阴影”效果的网页。Chrome中的文字阴影 - Gmail失败？

如果我在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>

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

来源

2011-04-13 Ted

也许Gmail会提取一些效果吗？你有没有尝试查看电子邮件的源HTML？ – drudge 2011-04-13 18:44:35

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

请参阅以下内容：

来源

2011-04-13 18:54:39

Thx。有趣，令人烦恼。我会研究它。 – Ted 2011-04-13 22:03:47

约书亚说，Gmail中剔除<style>块，而且还剔除了从内嵌块一些一些风格以及我刚刚发现的text-shadow和border-radius。

如果你在html电子邮件中的元素中设置了这些样式，请在gmail中触发萤火虫并观察它们 - 它们已经消失。但是，如果您在电子邮件中显示“原创”，您会看到样式在那里。

我认为他们这样做是为了在浏览器中保持一致，但这是很奇怪的行为，并且看起来好像很多关于gmail的工作。

来源

2011-07-14 11:43:51 willmorton

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

回答

相关问题