如果您要使用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中进行了测试。