使用DIV实现页面的遮罩效果
2024-10-08 07:09:23
Div实现页面的遮罩
之前没动手搞过，项目有个需求刚好可以用到，就想着去试下，结果发现自己都理解的有问题了。
遮罩的实现是使用opacity或者IE下的filter滤镜来设置透明度的，而且一个div必须要设置一个背景色，不然看不到效果，
通常的模态窗是使用毛玻璃效果来实现的
毛玻璃的示例代码，兼容浏览器
background-color: rgba(0,0,0,0.3);
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
-o-filter: blur(2px);
filter: blur(2px);
遮罩的示例代码
-moz-opacity: 0.8; //火狐的旧版
opacity:.80; //当前主流浏览器的新版
filter: alpha(opacity=80); //IE的旧版
//还有Opera和safri没列出，网上都有，需要再查
最新文章
- 没有神话，聊聊decimal的“障眼法”
- ANSI Common Lisp Learn
- PFold.js 折叠纸片
- SPOJ QTREE Query on a tree --树链剖分
- css3简易实现图标动画由小到大逐个显现
- （二）在.net中如何使用Memcached
- 自己写的demo---声明异常同时处理异常，或者继续抛出异常
- Duanxx的技术问题：word界面显示模糊
- python 学习之Windows 下的编码处理！
- css两列布局，一边固定宽度，另一边自适应
- Exchange Server 2007的即将生命周期，您的计划是？
- bat修改密码
- PHP-之POSIX系列函数和兼容Perl系列函数比较
- Io流的使用
- WebAPI框架里设置异常返回格式统一
- 在 Linux 中安装 VMware Tools
- 使用Axure RP原型设计实践08,制作圆角文本框
- DevExpress.XtraEditors.Groupcontrol 中创建按钮
- iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 视图Nunjucks
- c++ 创建二叉树