HTML CSS 图片在另一张图片之上，但后面的图片有鼠标优先权

HTML CSS Image on top of another but the image behind has mouse priority

我在创建网站时遇到了这个问题，我在图像 B 的顶部有图像 A，但是当我用鼠标悬停并按下它时，我想在按下图像时做出反应 B.Is 可能或者我应该相应地裁剪图像吗？ 先感谢您！ P.S。如果需要我可以附上图片。

您可以为图像 A 创建指针事件：none，如下所示

CSS

imageA {
    pointer-events: none;
}

更改指针事件：none；

检查fiddle：https://jsfiddle.net/fxww4r3h/

我正在对 .imageB 应用操作，当它位于 .imageA

下时