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

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 在顶层。

从这里复制答案:stackoverflow.com/a/39851786/34092