css - 如何在html邮件中添加 "Share"按钮?

标签 css html

我想知道我们是否可以仅使用 HTML 和 CSS 在电子邮件中添加共享按钮。如果用户点击按钮,它会打开带有不同共享选项的弹出窗口,如 whatsapp、电子邮件等。

最佳答案

我认为没有办法在 html 电子邮件中制作弹出窗口。 由于安全原因,JS 在 html 电子邮件中不起作用,并且基于隐藏复选框的模态等黑客攻击也不应该起作用。 如果显示弹出窗口很重要,您可以深入研究 AMP Emails ,也许有关于模态的东西。

但是一个防弹方法是为每个社交使用简单的链接。例如通过 Facebook 分享应该看起来像 <a href="https://www.facebook.com/sharer/sharer.php?u=#url" target="_blank">Share</a> 您可以使用社交 Logo 装饰链接,使其看起来就像普通的共享按钮

关于css - 如何在html邮件中添加 "Share"按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56168314/

相关文章:

html - 改变图像位置的CSS属性

javascript - 将内容放置在 <OBJECT> 之上

html - 使用 alpha channel 绘制重叠的圆圈

php - 这个 jQuery 选择器的问题

html - 如何增加拨动开关的宽度

html - CSS 网格自动流 : dense not working

css - Bootstrap 网格系统同一行但不同高度

html - 如何限制单个元素的边框?

html - 当所有 anchor 时,文本不会换行到元素

javascript - 带有闪烁边框的表格单元格