0
我想显示用户在屏幕上移动鼠标（使用Chrome扩展）的位置的热图。我正在使用名为heatmap.js的库来处理这个问题。onmousemove返回不同值与z-index元素
更具体地说，我使用这个作为一个例子 - https://www.patrick-wied.at/static/heatmapjs/example-mousemove-heatmap.html
我的问题是，我想在网站上显示正在大量使用的z-index这个热图。与此问题是，当您用z-index而不是auto鼠标滑过某个元素时，onmousemove返回的值不是人们所期望的值 - 而不是屏幕上鼠标的值，而是相对于左上角的某个其他值屏幕返回。
您可以在这里的行动看到这一点 - https://jsfiddle.net/rj870o6c/
为了解决这个问题，我想在整个页面的顶部添加的覆盖DIV与9999一个z-index。这可行，但我失去了与下面的页面交互的能力，当然，我不能使用pointer-events: none;，因为我需要捕获鼠标的值。
你可以看到这个动作在这里（试着点击黄色框中的链接，它不会工作） - https://jsfiddle.net/ktwbbpbn/
有没有办法上空盘旋时，为了获得鼠标指针的真正价值有z-index的元素？
任何帮助将不胜感激。