css - 设置背景混合模式和背景颜色在 HTML 电子邮件中不起作用

Question

我正在尝试创建电子邮件并在 <td> 上设置背景图片具有低不透明度。
我得出的结论是:

<td dir="rtl" align="center" style="width:100% border: 0px; background-blend-mode: lighten; background-color: rgba(255, 255, 255, 0.8); background-image:url('image_url');background-repeat:no-repeat;background-position: 50% 50%;background-size:auto; vertical-align: middle;" colspan="2">

当我在我创建的 HTML 页面上使用它时效果很好，但是，当我将其作为电子邮件发送到 Android 上的 Gmail 桌面 Web 客户端/收件箱应用程序/Android 上的 Gmail 应用程序时，背景消失了。

根据我的检查，我设置的所有属性都与我提到的客户端兼容。

还有其他方法可以在电子邮件中执行此操作吗？

Answer 1

在设计电子邮件模板时，您必须像在 90 年代中期构建网站一样工作。很多东西都不起作用。实际上，还有更多的东西不起作用，然后是什么。

一个方便的工具是 caniuse.email .