el-dialog概率出现背景全黑问题解决_vue modal 背景是黑色

首先我们知道el-dialog的背景样式是

全黑的原因是opacity属性不生效；

两个解决方案：

（1）使用样式穿透直接修改elementUI的样子v-modal，背景颜色的十六进制改为rgba

        .v-modal{

                opacity:0;

                background:rgba(255,255,255,.5)

               }        

(2) 不使用默认的背景，在对话框设置自定义背景颜色（注意：如果你的对话框是渐进渐出，背景也会跟着渐进渐出）

        1、el-dialog对话框设置属性:modal="false"

        2、同样使用样式穿透修改对话框的背景颜色  background:rgba(255,255,255,.5)