javascript - HTML "overlay"允许点击进入它后面的元素

<分区>

我试图在网页顶部覆盖一个元素(绘制任意图形)，我已经到了可以将它堆叠在所有元素之上的地步，但这会阻止用户从点击任何链接/按钮/等。有没有办法让它的内容浮在所有内容之上(它是半透明的，所以你仍然可以看到后面的内容)并让用户与它下面的层进行交互？

我找到了很多关于 DOM 事件模型的信息，但没有一个能解决按钮和其他“ native ”控件似乎从一开始就无法获得点击的问题。

最佳答案

我做的一个愚蠢的 hack 是将元素的高度设置为零但是 overflow:visible;将其与指针事件结合起来:无；似乎涵盖了所有基础。

.overlay {
    height:0px;
    overflow:visible;
    pointer-events:none;
    background:none !important;
}

关于javascript - HTML "overlay"允许点击进入它后面的元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51630841/

相关文章：

javascript - 使用 JavaScript 获取 iframe 内容