有什么方法可以使 HTML/CSS 中的图像对鼠标点击“透明”？

Question

我想在我的网站上添加扫描线效果，使其看起来更复古，但上次我尝试时，我认为我无法单击任何内容，因为半透明的扫描线覆盖“吃掉”了所有鼠标点击。如何制作一个覆盖图像，让其下方的元素被点击？

Answer 1

如果“扫描线”只是一个覆盖的装饰元素，只需使用 CSS

.scanLine {
  pointer-events: none; /* element will pass mouse events through */
}

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events