页面遮罩层实现

最新推荐文章于 2022-07-20 10:13:46 发布

晴空万里藏片云

最新推荐文章于 2022-07-20 10:13:46 发布

阅读量213

点赞数

分类专栏： web开发过程中总结文章标签： css html5 html

本文链接：https://blog.csdn.net/qq_40390762/article/details/120283275

版权

web开发过程中总结专栏收录该内容

23 篇文章 1 订阅

订阅专栏

css

.mask {
   position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;
   z-index: 1002; left: 0px;
   opacity:0.99; -moz-opacity:0.99;
}

//开启遮罩层代码

$("#mask").css("height",$(document).height());
$("#mask").css("width",$(document).width());
$("#mask").show();

//关闭遮罩层代码

$("#mask").css("height","0px");
$("#mask").css("width","0px");
$("#mask").hide();

<body>

<div id="mask" class="mask"></div>（只需要加上就可以了，位置放在你需要的地方的最外层的div）

优惠劵

晴空万里藏片云

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面遮罩层实现

css.mask { position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777; z-index: 1002; left: 0px; opacity:0.99; -moz-opacity:0.99;}js//开启遮罩层代码$("#mask").css("height",$(document).height());$("#mask").css("width",$(do
复制链接

扫一扫