2016-10-14 3 views
0

Я хочу скрыть фоновое диалоговое окно, в то время как внутреннего содержимого не будет.Как сделать прозрачный корпус диалогового окна?

Я не могу просто установить непрозрачность на 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> 
+0

ли вы пытаетесь использовать 'backgroundColor: 'transparent','? –

ответ

0

Просто используйте значение RGBA, которые не сохраняется и детям, как:

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

+0

нет, это не сработает, я пробовал это. –

+0

Можете ли вы получить рабочую копию где-нибудь, чтобы мы могли визуально увидеть, что вы пытаетесь выполнить? – finalfreq

+0

@finalfreq Это будет https://github.com/enu-kuro/React-Loader-Overlay-Sample –