当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | .ui-progressbar{
position: absolute;
top:40%;
left:40%;
z-index: 99999999;
width:500px;
height:22px;
line-height:22px;
display:none;
}
.ui-progressbar-value
{
background-image: url( "../images/pbar-ani.gif" );
border:0px;
}
.shade
{
background:rgba(0, 0, 0, 0.4);
width:100%;
height:100%;
position: absolute;
z-index:99;
left:0px;
top:0px;
opacity:0.6;
filter:alpha(opacity=60);
display:none;
}
|
主要是通过控制两个盒子的显示层级,控制遮罩层的背景色和显示透明度来达到遮罩效果。
以上就是给你的网页弹窗加个遮罩的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
css如何设置字体为微软雅黑
利用纯css实现动态的文字效果实例
css样式引入方式的优缺点对比
css中清除浮动有哪几种方式
css中id和class选择器怎么使用
css中bem命名规范是什么
css中margin什么意思
css怎么改变文字颜色
css字体颜色的设置方法
深入理解px、rem、em、vh、vw之间的区别
更多相关阅读请进入《遮罩》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 给你的网页弹窗加个遮罩