HTML代码
<a class="menu_maskLayer" href="javascript:;"><img src="../images/menu.png" alt=""></a>
<div class="maskLayer"><div class="mas_hide">X</div></div>
css代码
div.maskLayer{
position: absolute;
top: 0;
left: 0;
width: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
z-index: 1;
}
.mas_hide{
position: absolute;
top: 102px;
right: 0px;
color: white;
width: 52px;
height: 33px;
font-size: 3.6rem;
}
js代码
$('.menu_maskLayer').click(function(){
$('.maskLayer').show()
$('.maskLayer').css({
'height' : window.innerHeight + 'px'
})
$('.mas_hide').click(function(){
$('.maskLayer').hide()
});
});