如何更改重叠按钮的“点击顺序”?

时间:2019-03-07 02:06:36

标签: html css angular user-interface click

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

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

有人可以帮我解决html / css代码吗?

下面提供了项目链接。

谢谢。

https://stackblitz.com/edit/angular-custom-button-4xyvp6

1 个答案:

答案 0 :(得分:1)

使用指针事件:无

  

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

.button2 {
    pointer-events: none;   
}

派生示例:https://stackblitz.com/edit/angular-custom-button-ahemot