图片就在另一张图片之上

Question

我有两个相互重叠的图像，下面是乙烯基，上面是旋转光效果。此外，我在下图中有一个 onclick 事件，单击它时乙烯基开始旋转。

你可以看到我在说什么here，它在左上角。

我的问题是右上方的图像不让我触发 onclick 事件，只是在一些短的空间内，因为旋转效果是一个较小的图像。

是否有任何 html/css 命令可以帮助我解决这个问题？就像悬停在乙烯基的任何部分时几乎看不见旋转效果一样？

Answer 1

CSS 'pointer-events'中有一个属性，你必须设置为'none'。

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