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

Question

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

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

Answer 1

我做的一个愚蠢的技巧是将元素的高度设置为零但溢出:可见；将此与指针事件相结合:无；似乎涵盖了所有的基础。

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