Question

我有一些HTML div的容器和一些CSS，如果我将鼠标悬停在它们上面，背景颜色会发生变化。我想在容器顶部覆盖一个画布，以便我可以绘制线条。问题是当画布重叠时，div的悬停变化不再有效。有没有办法覆盖画布但仍然有CSS或JavaScript onmouseover事件仍然可以在下面的元素上工作？

Answer 1

所以你想要一种透明画布，它将除了点击之外的所有鼠标事件传递给它后面的元素？

恕我直言，你需要使用JS：捕获画布上的所有事件，然后手动将它们传递给画布后面的div。如果您有多个div，则需要进行某种查找，具体取决于鼠标的（x，y）坐标。

Answer 2

通过使用指针事件CSS属性来解决所有麻烦的替代方法。 Mozilla，Webkit和IE6-8（excanvas）都支持这一点。 Opera没有，但我真的不在乎。

<canvas style="pointer-events:none;"></canvas>