材质用户界面-按钮不适用于其他组件

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。那应该使其可单击并摆脱透明度。