| 标题 | 页面遮罩层，并且阻止页面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(); } |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。