首页 > 代码库 > 遮罩层代码
遮罩层代码
css .mask{ position: absolute; top: 0px; background-color: #000000; z-index: 1000; left: 0px; filter: alpha(opacity=60); opacity: 0.5; -moz-opacity: 0.5; display: none; } html <div id="mask" class="mask"></div> js function show(){ mask.style.height = screen.height+"px"; mask.style.width = screen.width+"px"; mask.style.display = "block"; } function hide(){ mask.style.display = "none"; }
jquery版本
css .mask { position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777; z-index: 1002; left: 0px; opacity:0.5; -moz-opacity:0.5; } html <div id="mask" class="mask"></div> js //兼容火狐、IE8 //显示遮罩层 function showMask(){ $("#mask").css("height",$(document).height()); $("#mask").css("width",$(document).width()); $("#mask").show(); } //隐藏遮罩层 function hideMask(){ $("#mask").hide(); }
遮罩层代码
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。