假设我们有一个容器容器,如下所示:
复制代码代码如下所示:
#容器{宽度:汽车;高度:汽车;溢出:隐藏;}
*这里溢出:隐藏的是
设置属性;超出自动隐藏的容器部分,设置此属性,以
解决IE8及以下版本的
浏览器
兼容性问题。
在Web页面中弹出一个div层,以便在
关闭弹出的div层之前不能
操作容器。
然后,首先,我们需要定义这个掩码的div层,如下所示:
复制代码代码如下所示:
<!-把面具放在容器里
接下来,使用js使掩码始终
显示在不在掩码层下
运行的
屏幕上,单击关闭按钮关闭掩码层。
复制代码代码如下所示:
$(
函数(){())
获取当前浏览器的内部宽度和高度
varnwidth = window.innerwidth;
varnheight = window.innerheight;
掩码层的宽度和高度设置
$(#荫)。Width(nWidth);
$(#阴影)高度(nheight);
设置/关闭按钮显示中心
$(#关闭)。Css(边缘上
当浏览器/触发器设置更改事件的大小时
$(窗口)。
调整大小(函数(){)
获取当前浏览器的内部宽度和高度
varnwidth = window.innerwidth;
varnheight = window.innerheight;
掩码层的宽度和高度设置
$(#荫)。Width(nWidth);
$(#阴影)高度(nheight);
设置/关闭按钮显示中心
$(# putpwd)。Css(边缘上
});
设置关闭按钮消除遮罩层
$(#关闭)。Click(function(){)
$(#荫)。RemoveAttr(ID);
$(#荫)。Html();
});
也可以用来写纯js
document.getelementbyid(阴影)。风格…;
后退/不要再说了,如果你感兴趣,可以写信,我可以联系。
})