Question

如何给div添加遮罩层 如下图

现在需要将红框内的那一块显示在页面最上方，其他地方都需要被遮罩住 不能操作。类似与第二张图片。





Answer 1

<style>
    .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>

追问

最外层遮罩层咋关不掉（用jQuery咋关）