javascript - 在 CSS/JS 中可以有一个半透明层覆盖另一个层而不会阻塞/捕获点击

Question

基本上，我想在不捕获输入的情况下在另一个层之上放置一个层。

我的目标是在我的网页上放置一个 PNG 来创建一种效果，有点像滤镜。

我的问题是，如果结束，文本将变得无法选择和点击。

有什么想法吗？

Answer 1

这要看你的需求了，但是以前有一个特定的元素的时候，我希望能够通过一层来点击。我会将一个透明的 div 绝对定位到作为底层元素的确切位置，这将触发底层元素的事件。使用 javascript 匹配位置非常容易，只需将 z-index 设置为高于叠加层即可。

当然，这很容易，例如，如果您正在处理单个或什至两个元素，则将其用于叠加层下的整个页面可能会变得非常麻烦。