我想在我的电子邮件中使用 box-shadow，但是 Gmail 和 Yahoo 不支持此属性，那么是否有任何替代方法可以在邮件中使用 box-shadow？
如果有的话，请尽快告诉我。
3个回答
4
唯一的可能性是：
- 带有盒阴影的单个图像
- 在元素的边缘上模拟盒阴影的类似于盒阴影的图像
就这些了，我想。
- CREEATION
4
Gmail不支持完整的HTML电子邮件页脚，我对此进行了大量研究。您可能已经了解如何构建强大的电子邮件页脚，但如果您不知道，请查看Campaign Monitor的博客。
简言之，需要通过使用图像（我不建议这样做，因为大多数图像都被默认阻止，除非您是Gmail用户信任的人）来实现盒子阴影。
另一个选择是在您正在尝试创建阴影的任何框的边缘上放置填充颜色的单元格-仍然非常基础。我的解决方案是优雅降级，使您的设计在用户启用的情况下良好运行-尽管如果他们启用了您需要的所有内容，当然会得到更酷的体验！
希望这有所帮助。
简言之，需要通过使用图像（我不建议这样做，因为大多数图像都被默认阻止，除非您是Gmail用户信任的人）来实现盒子阴影。
另一个选择是在您正在尝试创建阴影的任何框的边缘上放置填充颜色的单元格-仍然非常基础。我的解决方案是优雅降级，使您的设计在用户启用的情况下良好运行-尽管如果他们启用了您需要的所有内容，当然会得到更酷的体验！
希望这有所帮助。
- Simon Sebastian Vollmer
3
我需要在响应式按钮上添加清晰的阴影效果。在我的情况下，我可以通过在按钮下方直接使用一个带有faux-shadow类的div来模拟这个效果。我使用border-radius使它们看起来更像按钮。 https://codepen.io/anon/pen/bRrbLp
- D34DC3N73R
1
无论如何，这是一个了不起的解决方案，适用于大多数电子邮件提供商！ - undefined
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接