css - material-ui 按钮覆盖模态窗口 react

Question

如何禁用 materiul-ui 按钮 RaisedButton 的覆盖。

我有一个模态窗口，当我打开它时 - 按钮仍然显示。

我应该向我的按钮添加什么属性来禁用覆盖？

请使用 material-ui 的人帮忙。

屏幕如下

我尝试对按钮的容器使用 z-index 但没有帮助

Answer 1

我给按钮添加了z-index和position，现在可以了。

 <div className={styles.watch__button}>
          <RaisedButton
            onClick={buttonRole}
            backgroundColor={timerButtonColor}
            style={{zIndex: 0, position: 'relative'}}>
            <div className={styles.watch__button__text}>{buttonName}</div>
          </RaisedButton>
        </div>
        <div className={styles.watch__button}>
          <RaisedButton
            onClick={this.handleShowCalendar}
            backgroundColor={genButtonColor}
            style={{zIndex: 0, position: 'relative'}}>
            <div className={styles.watch__button__text}>Generate</div>
          </RaisedButton>
        </div>
        <Modal
          isOpen={showCalendar} >
          <button onClick={this.handleShowCalendar}>close</button>
          <h1>Modal Content</h1>
        </Modal >

也许有人知道如何使用类来实现它，因为它只适用于样式