我正在使用带有React的材质UI，点击按钮时会弹出一个对话框。按钮显示在一个表格中，而表格又显示在一个纸张组件上。问题是当我使用带有默认样式的对话框时，背景变成了黑色。我尝试将样式设置为透明，但现在我在对话框后面看到了一个灰色的伪像。带有默认样式的原始对话框：

具有透明属性的对话框：

<Dialog
      title="ALERT - Confirm Action? "
      modal={false}
      overlayStyle={{backgroundColor: 'transparent'}}
      bodyStyle={{margin:0, padding:0}}
      actions={
        <div>
          <FlatButton
              label="Cancel"
              primary={true}
              onClick={this.handleCloseTwo}
          />
          <FlatButton
              label="Submit"
              type="submit"
              primary={true}
              keyboardFocused={true}
              onClick={() => {
                this.setState({ dialogTwo: false });
              }}
          />
        </div>
      }
      open={this.state.dialogTwo}
  >
  </Dialog>

以下是它的渲染方式：