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

发布于 2024-10-31 15:22:10 字数 169 浏览 1 评论 0原文

我已经检查了 Jquery 中的 block UI 插件,它将覆盖在任何特定元素上 - 但什么如果我想将覆盖应用到除页面中特定区域之外的整个页面?与 div 的所有内容一样 - 无论 div 大小如何。

I've checked out the block UI plugin in Jquery which puts an overlay over any specific element - but what if I want to apply an overlay to the entire page except for a certain area in the page? Like all contents of a div - irrespective of the divs size.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

夜清冷一曲。 2024-11-07 15:22:10

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

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

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

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

Using the same plugin, or any overlay/modal plugin, you could use js to set a higher z-index on the parent element of the content you want to show than the z-index of the overlay.

Not sure how you want to do this, so you'll probably have to increase and decrease the z-index of the elements you want to show/hide. Since you said you're using jQuery, its probably easiest just to addClass() and removeClass(). Just make sure to set the position so z-index will work.

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

Hopefully this will give you some ideas. GL!

一念一轮回 2024-11-07 15:22:10

Ali,

我有类似的要求,我正在使用一个具有更高 z-index 的隐藏 div,它覆盖了除您想要的区域之外的所有内容。

它对我来说看起来简单又有用。

Ali ,

I had a similar requirement and i am using a hidden div with a higher z-index which covers everything apart from the area you want.

it looked simple and useful for me.

九局 2024-11-07 15:22:10

blockUI 为您提供了这种能力。

$.blockUI();

请参阅页面阻止示例

blockUI provides you this ability.

$.blockUI();

See the page blocking examples

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文