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이 될 것입니다. –

관련 문제