materiul-ui按钮覆盖模态窗口的反应

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 >

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