在电子邮件模板中，邮件自动删除指针事件：none in class

Question

因为我在使用电子邮件模板，所以我在我的电子邮件模板中添加了这样的 class。

img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
  pointer-events: none;
}

但是当我打开收件箱中的邮件时。它会自动删除 css class.

中的指针事件

img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}

像这样。对此有任何解决方案或解决方法吗？

Answer 1

似乎不支持指针事件属性，您可以使用 z-index 属性。像这样：

.container {
   position: relative;
   z-index: 0;
   background: none;
}
.container > * {
   position: relative;
   z-index: -1;
}

这使得内容可见，但不可点击，因为父级 div 在顶层。

In email template, mail automatically removes pointer-events: none in class