【问题标题】:In email template, mail automatically removes pointer-events: none in class在电子邮件模板中,邮件自动删除指针事件:类中的无
【发布时间】:2017-11-23 13:05:07
【问题描述】:

当我在电子邮件模板中工作时,我在我的电子邮件模板中添加了一个这样的类。

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%;
}

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

【问题讨论】:

    标签: html css email gmail html-email


    【解决方案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 的直接副本。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-05-13
    • 2016-05-20
    • 2019-05-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-09-06
    相关资源
    最近更新 更多