Jquery中是否有一个插件可以阻止除了某些内容之外的整个页面?

时间:2011-04-13 05:29:22

标签: jquery overlay

我已经查看了Jquery中的block UI插件,它在任何特定元素上添加了叠加层 - 但是如果我想在整个页面中应用叠加层,除了页面中的某个区域,该怎么办?像div的所有内容一样 - 无论div的大小。

4 个答案:

答案 0 :(得分:2)

使用相同的插件或任何overlay / modal插件,您可以使用js在要显示的内容的父元素上设置比覆盖的z-index更高的z-index。

不确定您希望如何执行此操作,因此您可能必须增加和减少要显示/隐藏的元素的z-index。既然你说你正在使用jQuery,那么它对addClass()removeClass()来说可能是最简单的。只需确保设置位置,以便z-index可以正常工作。

.show-me-over-the-overlay {z-index:99999999;position:relative}

希望这会给你一些想法。 GL!

答案 1 :(得分:2)

答案 2 :(得分:1)

阿里,

我有类似的要求,我使用的是一个隐藏的div,它具有更高的z-index,涵盖了除你想要的区域之外的所有东西。

它看起来很简单,对我有用。

答案 3 :(得分:0)

blockUI为您提供此功能。

$.blockUI();

请参阅page blocking示例