javascript - 使整个页面非交互式，除了一个元素

Question

如何使网页对用户完全不具有交互性，但使一个 div(或其他元素)具有交互性？

Answer 1

#blocker {
    position:fixed;
    padding:0;
    margin:0;

    top:0;
    left:0;

    width: 100%;
    height: 100%;
    background:rgba(255,255,255,0.2);
    z-index: 1;
}

.allow {
    position:absolute;
    padding:0;
    margin:0;

    top:50%;
    left:50%;

    background:red;
    z-index: 1;
}

<p>
content to block
</p>
<div id="blocker">

</div>
<div class="allow">


<p>
Content to allow
</p>
</div>