Material UI - 按钮在另一个组件上不起作用

Question

按钮的样式如下：

floatButton: {
    position: 'fixed',
    bottom: theme.spacing.unit * 2,
    right: theme.spacing.unit * 2
}

按钮组件看起来像：

<Button
  className={classes.floatButton}
  variant="fab"
  color="secondary"
  onClick={this.handleHideElement}
>
  <AddIcon />
</Button>

当浏览器窗口很小并且无法单击按钮时会出现问题：

enter image description here

由于某种原因，按钮有点透明，onClick 功能不起作用。

我该如何解决这个问题？

谢谢。

Answer 1

尝试让按钮的 z-index 高于其他所有按钮。这应该使它可点击并摆脱透明度。