如果您要使用jQuery，则可以使用blockUI插件轻松完成此操作。…或使用CSS回答您的问题，您必须将div绝对定位在要阻止的内容上。只需确保绝对定位的div位于为z索引目的而被阻止的内容之后。

<div style="position:relative;width: 200px;height: 200px;background-color:green">
    <div>
        <a href="#">Content to be blocked.</a>
    </div>
    <div style="position: absolute;top:0;left:0;width: 200px;height:200px;background-color: blue;z-index:2;opacity:0.4;filter: alpha(opacity = 50)"></div>
</div>

对所有内联CSS很抱歉。您将不得不做一些不错的课程。此外，这仅在firefox和IE7中进行了测试。