您可以单击的图像叠加层[重复]

Posted

技术标签:

【中文标题】您可以单击的图像叠加层[重复]【英文标题】:Image overlay you can click through [duplicate] 【发布时间】:2017-02-26 22:05:30 【问题描述】:

所以我想要一张图片覆盖我的网站页面,但我仍然希望能够通过它点击链接和按钮。

【问题讨论】:

【参考方案1】:

/* 示例 1:使所有 img 对任何鼠标事件(例如拖动、悬停、单击等)都无反应 */

img 
  pointer-events: none;

从 https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

【讨论】:

以上是关于您可以单击的图像叠加层[重复]的主要内容,如果未能解决你的问题,请参考以下文章

图像叠加层上的 CSS 不透明度 [重复]

响应式网格图块覆盖[重复]

CSS重复背景图像但不重复线性渐变

可以离开屏幕的可拖动叠加层?

许多应用程序(如 Tweetbot、Facebook 等)允许您通过下拉/上拉来关闭图像叠加层。这是如何实现的?

在Javascript中使用来自图像的href = mailto链接[重复]