是否可以在电子邮件中使用渐变？

Question

是否可以使用CSS在时事通讯电子邮件中使用渐变元素？是否支持完整属性？

Answer 1

简而言之,没有.

电子邮件客户端很少支持HTML5或CSS3,因此它会破坏任何不支持HTML5或CSS3的客户端.

你总是可以有一个后备,但加载时间不会改变太多,添加CSS3只需添加更多代码来跟踪.

我建议使用图像标签并在服务器上托管图像,如果你真的必须使用渐变.

使用电子邮件,通常越简单越好.就个人而言,我更喜欢收到纯文本.

Answer 2

如今，电子邮件客户端对 CSS 渐变的支持有所改善，大多数情况下都可以使用这样的功能：

background-image: linear-gradient(to top, rgba(0, 0, 0, 0), transparent);

Windows 上的 Outlook 不支持这一点，但您可以使用 VML（矢量标记语言）使其也可以在其中工作，即：

background-image: linear-gradient(to top, rgba(0, 0, 0, 0), transparent);

我为 Maizzle 框架编写了一份关于电子邮件渐变的指南，它还展示了如何在 Outlook 中进行正文背景渐变，以及一些其他技巧。