.mark{
position:fixed
left:0
top:0
opacity:.5
width:100%
height:100%
background:#000
z-index:998
}
.content{
position:absolute
z-index:999
}
</style>
<!--↓遮罩-->
<div class="mark">
<div class="content">红框div</div>
</div>
给你一个大体的思路,这个div使用relative定位,然后在他的里面添加一个div使用absolute定位,然后设置里面的div高度,宽度,透明度,然后就是使用js控制了,当达到你的要求时,将里面的div的display设置block,否则就是none,当然了,最开始就是隐藏的,大体就是这个样子欢迎分享,转载请注明来源:内存溢出
评论列表(0条)