H5给页面增加遮罩层

.mark{
    position:fixed;
    left:0;
    top:0;
    opacity:.5;
    width:100%;
    height:100%;
    background:#000;
    z-index:998;
    pointer-events: none; //不能操作
}

遮罩整个页面,动作不能穿透遮罩层,如果需要穿透去掉pointer-events:none;

$('#test').hide();
$('#test').show();
$('#test').toggle();
$('#test').addClass('someClass');
$('#test').removeClass('someClass');


你可能感兴趣的:(前端)