本文介绍的内容主要实现的功能有，出现弹框，并且伴随遮罩层，且弹框一直居中。 html和js代码： <div id="hidebg"></div> <div id="hidebox" onClick="hidebox();"> ...

本文索引： 需求 原理 实现遮罩控件 遮罩的使用 需求 我们在显示一些模态对话框的时候，往往需要将对话框的背景颜色调暗以达到突出当前对话框的效果，例如： ![突出对话框](https://img2018.cnblogs.com/blog ...

("loaded") 在有些情况下，我们不能直接使用控件本身的遮罩效果，比如： 1：有些控件则没有这样的 ...

wxml： wxss： js: ...

项目中用到easyui 布局，用到north,west,center三个区域，且在center中间区域嵌入iframe标签。在主内容区做一些小提示弹窗（例如删除前的弹窗提示确认）时，会遇到遮罩问题，由于center区域是iframe嵌套的，所以里面的小弹窗无法覆盖页面的头部和左边目录栏 ...

关闭弹框 $("#弹框ID").modal('hide'); 移除遮罩层 $(".modal-backdrop").remove(); ...

模态对话框是指用户只能和当前对话框进行交互的窗口，常见的比如消息对话框，用户等待窗口这种，当然这不是固定使用。Windows Form中已经提供了通过窗口的ShowDialog()方法实现模态对话框。只是界面效果有些单一，所以本篇只是为模态对话框增添些界面效果的优化。 在网上看到有很多人用重绘 ...

所用方式: 　　　　　　background:rgba(色一，色二，色三，透明度); 　　　　透明度最高值设置为1，意思是 100%不透明。Html代码如下: 　CSS代码如下: ...