如何更改重叠按钮的“点击次序”？

Question

我有一个带有两个重叠按钮的项目：底部的红色按钮和顶部的黄色按钮。

问题是黄色按钮“隐藏”了红色按钮的一部分。我希望它可见，但不可点击。我需要底部的红色按钮才能完全点击，就好像顶部的黄色按钮不存在一样。

任何人都可以帮我解决html / css代码吗？

项目链接如下。

谢谢。

Answer 1

使用指针事件：无

指针事件CSS属性设置在什么情况下（如果有的话）特定图形元素可以成为指针事件的目标。

.button2 {
    pointer-events: none;   
}