页面遮罩层-并且阻止页面body滚动。bootstrap模态框原理.docx

该【页面遮罩层-并且阻止页面body滚动。bootstrap模态框原理 】是由【guwutang】上传分享，文档一共【1】页，该文档可以免费在线阅读，需要了解更多关于【页面遮罩层-并且阻止页面body滚动。bootstrap模态框原理 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。Word文档1/1页面遮罩层,并且阻挡页面body滚动。bootstrap模态框原理实现思路:1、需要有一个层将body遮住,放在body上方。2、修改body的overflow属性值为:hidden废话不多说了,将关键代码贴出来了,兼容火狐,谷歌,ie遮罩层的样式代码,红色局部是关键的局部代码如下:.cover{position:fixed;top:0px;right:0px;bottom:0px;filter:alpha(opacity=60);background-color:#777;z-index:1002;left:0px;display:none;opacity:;-moz-opacity:;}网页局部的代码代码如下:body divclass="container"style="height:2000px;" divstyle="height:1000px;"/div ahref="javascript:;"onclick="showMask()"点我显示遮罩层/abr/ /div divid="cover"class="cover"/div/bodyjs局部的代码代码如下:functionshowMask(){$('body').css("overflow","hidden")$("#cover").show();}更多信息请查看IT技术专栏