element-ui的 Dialog 对话框添加背景图片

 el-dialog的默认背景为 白色  ，我们将其设置为透明。并添加背景图片.el-dialog__header、el-dialog__body、el-dialog__footer背景设置为透明,即可。

/* 弹窗 */.el-dialog,
.el-pager li{background-color:rgba(255, 0, 0, 0.0);color: #FFFFFF;background-image:url(../images/bj/contentBg.png);background-size: 100%  100%;}//将el-dialog__header、el-dialog__body、el-dialog__footer背景设置为透明
```css
.el-dialog__header{padding-top: 10px !important;background-color:rgb(255,255,255,0);border-radius: 14px 14px  0  0 ;}.el-dialog__body{border-top: 0 !important;background-color:rgba(19, 31, 59, 0);color: #FFFFFF;}.el-dialog__footer{text-align: center;background-color:rgba(255,255,255,0);}

效果展示