弹出最简单的模式化遮罩层的js代码_javascript技巧
来源：懂视网
责编：小采
时间：2020-11-27 21:16:50
弹出最简单的模式化遮罩层的js代码_javascript技巧
弹出最简单的模式化遮罩层的js代码_javascript技巧:假设我们有一个容器container如下: 代码如下: #container{width:auto;height:auto; overflow:hidden;} /*这里的overflow:hidden;属性主要是为了设置使超出container的部分自动隐藏，之所以设置这个属性，是为了解决ie8及以下版本浏览器兼容性问题*
导读弹出最简单的模式化遮罩层的js代码_javascript技巧:假设我们有一个容器container如下: 代码如下: #container{width:auto;height:auto; overflow:hidden;} /*这里的overflow:hidden;属性主要是为了设置使超出container的部分自动隐藏，之所以设置这个属性，是为了解决ie8及以下版本浏览器兼容性问题*
假设我们有一个容器container如下:
代码如下:
现在要在网页中弹出一个div层，使在关闭弹出的div层之前不可操作container。
那么，我们首先需要定义出这个遮罩的div层如下:
代码如下:
接下来，就是用js来使遮罩层始终显示在屏幕上并不可操作遮罩层下面的内容，点击关闭按钮关闭遮罩层
代码如下:
弹出最简单的模式化遮罩层的js代码_javascript技巧
弹出最简单的模式化遮罩层的js代码_javascript技巧:假设我们有一个容器container如下: 代码如下: #container{width:auto;height:auto; overflow:hidden;} /*这里的overflow:hidden;属性主要是为了设置使超出container的部分自动隐藏，之所以设置这个属性，是为了解决ie8及以下版本浏览器兼容性问题*
