当打开另一个模态模态时,模糊背景模态

时间:2019-02-23 15:30:51

标签: javascript css reactjs bootstrap-modal

我有一个带有两个模态的react组件

render{
    return(
           <div>
              <ParentModal>
              <ChildModal/>
              </ParentModal>
           </div>

)

}

尝试了一些背景css和模糊,我可以看到两个模态都变得模糊了,但是我只想在打开子模态时使其变得模糊

1 个答案:

答案 0 :(得分:0)

CSS filter:blur影响所有孩子。 您将需要以下内容:

render{
return(
       <div>
          <CommonParent>
              <ParentModal/>
              <ChildModal/>
          </CommonParent>
       </div>

)}

然后您只能模糊父级