| 标题 | 页面遮罩层，并且阻止页面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:0.5; -moz-opacity:0.5; } 网页部分的代码 代码如下: <body> <div> <div></div> <a href="javascript:;" onclick="showMask()" >点我显示遮罩层</a><br /> </div> <div id="cover"></div> </body> js部分的代码 代码如下: function showMask(){ $('body').css("overflow","hidden") $("#cover").show(); } |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。