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);
}

效果展示

element-ui的 Dialog 对话框添加背景图片相关推荐

VC中为对话框添加背景图片
From: http://blog.ezcn8.com/2011/06/11/vc%E4%B8%AD%E4%B8%BA%E5%AF%B9%E8%AF%9D%E6%A1%86%E6%B7%BB%E5%8 ...
c语言mfc怎么插入背景图片,MFC 对话框添加背景图片详细过程（两种方法）
给对话框添加背景图片方法很多,在此贴出两种很常见的方法.一种是通过读取位图资源显示位图(BitMap) step: 1.创建内存设备上下文: 2.选择位图,将其装入内存设备上下文: 3.使用BitBl ...
给对话框添加背景图片
给对话框添加背景图片 1 . 把你的图包含到程序的 "Bitmap 资源 " 里,提示说该资源使用了大于 256 色的调色板,在 VC 里无法编辑等等,点确定就可以 2 ...
在VS2013环境下MFC学习：给对话框添加背景图片
步骤1 添加资源先右击工程名.rc(我的是PlaneDiag_Demo_MFC),再点击"添加资源" 步骤2 导入BMP图像进入"添加资源"界面后,点击资源 ...
MFC 对话框添加背景图片详细过程（两种方法）
给对话框添加背景图片方法很多,在此贴出两种很常见的方法.一种是通过读取位图资源显示位图(BitMap) step: 1.创建内存设备上下文: 2.选择位图,将其装入内存设备上下文: 3.使用BitBl ...
如何给对话框添加背景图片及图片按钮CBUttonST
一.首先1.添加背景图片到"Bitmap"资源里.方法为"插入--资源",如果还没有Bitmap,则新建一个Bitmap,否则选择资源类型为&qu ...
如何给MFC对话框添加背景图片
一.创建项目文件-新建项目-MFC应用程序-该页面使用"基于对话框"-完成即可. 注意:取消"使用Unicode库",否则在使用AfxMessageBox会报 ...
QT 对话框添加背景图片的方法
1. QPalette的方法 #include <QApplication> #include <QtGui> int main(int argc, char *argv[]) ...
如何给对话框添加背景图片
1.简单的方法就是直接采用picture控件: 首先在对话框中放入picture控件,然后将位图资源导入到工程中,最后在picture控件的属性中Type选择BitMap,Image中选择自己载入的位 ...

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

element-ui的 Dialog 对话框添加背景图片相关推荐

最新文章

热门文章