在电子邮件模板中，邮件会自动删除指针事件：类中没有

Question

当我在电子邮件模板中工作时，我在我的电子邮件模板中添加了这样的课程。

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

但是当我在收件箱中打开邮件时。它会自动删除css类中的指针事件。

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

像这样。这有什么解决方案或解决方法吗？

Answer 1

由于似乎不支持pointers-events属性，因此您可以使用z-index属性。像这样：

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

这使内容可见，但不可点击，因为父div位于顶层。