HTML CSS图像在另一个上面，但后面的图像具有鼠标优先级

Question

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

Answer 1

您可以为Image A制作指针事件：无，如下所示

<强> CSS

f(x) = 1/(a*x)
fit f(x) 'ReactionLearning.txt' using 1:2 via a

plot 'ReactionLearning.txt' using 1:2 with points lt 1 pt 3 notitle, \
    f(x) with lines notitle

更改指针事件：无;

检查小提琴：https://jsfiddle.net/fxww4r3h/

当我将imageA { pointer-events: none; } 置于.imageB

之下时，我正在对其进行操作