如何使Dialog的主体透明?

时间:2016-10-14 15:57:58

标签: reactjs material-ui

我希望隐藏背景对话框,而内部内容则不会。

我不能将不透明度设置为0,因为子节点也将被隐藏:

<Dialog
    title="Dialog With Actions"
    actions={actions}
    modal={no}
    open={@state.open}
    onRequestClose={=> @setState open: no}
    contentStyle={opacity: '0'}
  >
    <CircularProgress style={
      position: 'fixed'
      top: '40%'
      left: '48%'
    }/>
</Dialog>

1 个答案:

答案 0 :(得分:0)

只需使用RGBA值,这些值不会持续存在于以下儿童:

background-color: rgba(0,0,0,0.0)