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

Question

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

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

)

}

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

Answer 1

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

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

）}

然后您只能模糊父级